D3 分层边缘捆绑答案

【问题标题】：D3 Hierarchical Edge BundlingD3 分层边缘捆绑
【发布时间】：2016-06-27 02:41:18
【问题描述】：

我目前正在查看以下示例 https://bl.ocks.org/mbostock/7607999。图表从中获取数据的 json 文件格式如下：{"name":"flare.analytics.cluster.MergeEdge","size":743,"imports":[]}];

代替上面的格式，有没有可能变成

{"imports":[],"name":"flare.analytics.cluster.MergeEdge","size":743};

非常感谢您花时间阅读本文。

【问题讨论】：

键的顺序没有意义，所以你提供的2个例子是等价的。重要的是您阅读这些键的顺序，而不是它们的显示方式。如果您依靠for(var key in object) {...} 循环来读取密钥——这就是你想要控制的顺序——那么就无法做到这一点并保证在所有浏览器/平台中都具有相同的顺序。 See more here

【解决方案1】：

基本上，D3.js 通过你的 obj.name 获取 json 数据，所以不管你的 json 数据如何排序，我尝试一个 demo 修改

{"name":"flare.vis.data.render.ArrowType", "size":698,"imports":[]}

到

{"size":698,"imports":[],"name":"flare.vis.data.render.ArrowType"}

图表仍然显示相同。

【讨论】：