AmCharts - 如何在Force Directed Tree上仅展开一级子节点
创始人
2024-09-30 04:30:29
0

要在AmCharts的Force Directed Tree上仅展开一级子节点,可以使用以下代码示例:

// 创建数据
var chartData = {
  "name": "Root Node",
  "children": [
    {
      "name": "Child Node 1",
      "children": [
        {"name": "Grandchild Node 1"},
        {"name": "Grandchild Node 2"}
      ]
    },
    {
      "name": "Child Node 2",
      "children": [
        {"name": "Grandchild Node 3"},
        {"name": "Grandchild Node 4"}
      ]
    }
  ]
};

// 初始化图表
var chart = AmCharts.makeChart("chartdiv", {
  "type": "forceDirected",
  "dataProvider": chartData,
  "valueField": "value",
  "titleField": "name",
  "balloon": {
    "fixedPosition": true
  },
  "export": {
    "enabled": true
  }
});

// 仅展开一级子节点
chart.addListener("clickGraphItem", function(event) {
  if (event.graph.category === "child" && !event.item.dataContext.opened) {
    event.item.dataContext.opened = true;
    var children = event.item.dataContext.children;
    if (children) {
      for (var i = 0; i < children.length; i++) {
        chart.dataProvider.push(children[i]);
      }
      chart.validateData();
    }
  }
});

在这个示例中,我们首先创建了一个包含根节点和子节点的数据对象。然后,我们使用AmCharts的makeChart方法初始化了一个Force Directed Tree图表,并将数据提供给它。我们还定义了一个事件监听器,当图表上的节点被点击时,将仅展开一级子节点。

在事件监听器中,我们首先检查被点击节点的category是否为"child",并且该节点的opened属性为false。如果满足条件,我们将opened属性设置为true,然后将该节点的子节点添加到图表的数据提供者中,并调用validateData方法来更新图表。

这样,每次点击一个子节点,它的一级子节点将会展开,并添加到图表中,而其他子节点将保持收起状态。

相关内容

热门资讯

反观!pokemomo辅助软件... 反观!pokemomo辅助软件,wpk俱乐部是做什么的,一贯是真的有挂(有挂分析)一、wpk俱乐部是...
必备科技!pokermaste... 必备科技!pokermaster破解版(辅助挂)切实真的是有挂(有挂方针辅助方法)1、上手简单,内置...
专业讨论!HH平台挂(辅助挂)... 专业讨论!HH平台挂(辅助挂)总是存在有挂(存在有挂辅助软件)1、下载好脚本下载之后点击打开,先需要...
教程辅助!wepoker辅助透... 教程辅助!wepoker辅助透视软件(辅助挂)果然是有挂(存在有挂辅助插件)1、免费辅助多个强度级别...
一分钟了解!wepoker免费... 一分钟了解!wepoker免费辅助器(辅助挂)果然存在有挂(竟然有挂辅助技巧)1、该软件可以轻松地帮...
总算了解!wepoker底牌透... 总算了解!wepoker底牌透视脚本(辅助挂)竟然是有挂(确实有挂辅助攻略)1、辅助软件下载优化,底...
让我来分享经验!wpk辅助哪里... 让我来分享经验!wpk辅助哪里买(辅助挂)一贯存在有挂(证实有挂辅助技巧)1、模拟器是什么优化,俱乐...
总算明白!wejoker开挂(... 总算明白!wejoker开挂(辅助挂)真是是有挂(有挂详细辅助教程)1)有没有挂:进一步探索有辅助吗...
信息共享!pokemmo手机版... 信息共享!pokemmo手机版修改器(辅助挂)竟然存在有挂(有挂教程辅助脚本)1、下载好透视辅助下载...
玩家必备科技!wepoker有... 玩家必备科技!wepoker有辅助插件吗(辅助挂)都是存在有挂(竟然有挂辅助软件)1、免费脚本咨询教...