使用可缩放的d3树形图更改数据源

时间:2015-06-08 23:04:37

标签: javascript json d3.js

我是d3的新手,在我花太多时间在这段代码之前想要一些见解。这个可缩放的树形图(http://jsfiddle.net/08agmhej/,我最初从http://bost.ocks.org/mike/treemap/获得)使用d3过渡到一次只显示两个级别的数据层次结构。数据以JSON文件的形式提供,格式如下:

{
 "name": "layout",
       "children": [
        {"name": "AxisLayout", "value": 6725},
        {"name": "BundledEdgeRouter", "value": 3727}}
}

我想向JSON添加第二个数据集,该数据集类似于下面的代码,并允许用户通过下拉列表与数据集进行交互,例如在此示例中(http://mbostock.github.io/d3/talk/20111018/treemap.html

{
 "name": "layout",
       "children": [
        {"name": "AxisLayout", "value": 6725, "othervalue" : 2},
        {"name": "BundledEdgeRouter", "value": 3727, "othervalue" : 2}
        ]
}

这是可能的还是不是因为d3无法处理隐藏的节点级别?例如,如果放大了数据源更改后会发生的情况,则缩小。

0 个答案:

没有答案