我正在尝试更改此处找到的序列旭日的数据: 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,但应该是与上面链接的代码相同)