1

我有一个本质上是一棵树的数据集，但我认为我不应该使用层次结构布局，因为我想要绘制的内容不像一棵树？

我正在尝试使用 .data 函数更新我的图表，但在尝试将其与分层数据一起使用时遇到了麻烦。所以我的问题是这样的：

我最初有类似这样的数据：

var data = [{
    "name" : "A",
    "hasChildren" : true,
    "children" : [
        {
            "name" : "B",
            "hasChildren" : false
        },
        {
            "name" : "C",
            "hasChildren" : true
         }
     ]
}];

我什至不知道如何开始使用 .data 进行此类更新，所以我没有可用的原型，所以我将尽力描述：

所以要表示 AI，有一个 200 x 200 的正方形，因为它有两个孩子。该方块是可点击的，因为 A 的其中一个孩子 C 有孩子。当我点击方块时，我得到新数据：

var data = [{
    "name" : "A",
    "hasChildren" : true,
    "children" : [
        {
            "name" : "B",
            "hasChildren" : false
        },
        {
            "name" : "C",
            "hasChildren" : true,
            "children" : [
                {
                    "name" : "D",
                    "hasChildren" : false
                }
             ]
         }
     ]
}];

并且绘制了一个新正方形来表示 C 的子节点，它是 100x100，因为它只有一个子节点并使用 D 来绘制该正方形。（我知道我可以将孩子的数量作为一条数据放入，但我想做的是使用新信息来绘制）

希望我的解释足够清楚：p。

这只是我想做的一个基本想法。有人可以向我解释如何使用 .data 检查嵌套形式的更新，然后根据它更新图表吗？

谢谢！

4

0 回答 0