d3 v4饼图更新 - 数据绑定

时间:2016-08-26 08:35:02

标签: d3.js d3.js-v4

我正在尝试更新已经使用一组新数据绘制的饼图(即加载一组数据,绘制饼图,稍等一下,新数据,更新)但是得到了一些奇怪的问题我正在努力解决的数据。

https://jsfiddle.net/qwq5o0gu/6/

馅饼应该最初有两个项目,A和B分别是0.25和0.75的馅饼,然后A项应该消失。如果我评论第42和43行:

    svg.selectAll('.arc path').data(function(d, i) { return pie(d); });
    svg.selectAll('.arc text').data(function(d, i) { return pie(d); });

当删除A数据时,虽然绑定到svg和.arc的数据已更新,但我留下的B大小相同。 如果不同时执行文本或弧,则不会更新。我知道当我更新绑定到父svg的数据时我必须更新孩子,但我希望更新.arc就足够了,而不是任何路径和文本元素。

我错过了什么?

0 个答案:

没有答案