小编Chr*_*gel的帖子

D3.js 序列旭日,点击更改数据

我正在尝试更改此处找到的序列旭日的数据: http://bl.ocks.org/kerryrodden/7090426

我希望当我单击按钮时它会更改为新的数据集(csv 或 json)。

我尝试读取新的 csv,然后调用createVisualization(json);

$('.toggle-data').click( function() {
  d3.text("../csv/new-data.csv", function(text) {
    var csv = d3.csv.parseRows(text);
    var json = buildHierarchy(csv);
    createVisualization(json);
  });
});
Run Code Online (Sandbox Code Playgroud)

我还尝试createVisualization(json);直接使用更新后的 json 进行调用。

在这两种方式中我都会得到这个错误:Uncaught TypeError: Cannot read property '__data__' of null 它指的是这行代码:totalSize = path.node().__data__.value;

我还尝试在创建新的 svg 之前删除旧的 svg,但这并没有改变任何东西。

问题:如何更改旭日的底层数据(最好是从一个数据集动画到另一个数据集)?

我没有设法制作一个工作小提琴,所以这是来自另一个线程的一个(尽管所有代码都在上面的链接中):http://jsfiddle.net/zbZ3S/(不同的数据 - 使用 json,但应该是与上面链接的代码相同)

javascript csv json d3.js sunburst-diagram

5
推荐指数
1
解决办法
1781
查看次数

标签 统计

csv ×1

d3.js ×1

javascript ×1

json ×1

sunburst-diagram ×1