javascript - 编辑饼图中的数据而不是创建新饼图

Question

我有一个 div 和一个饼图。每次用户将鼠标移到 div 上时，代码都会创建一个新的饼图。我想要的不是创建新图表，而是更改现有图表的数据。

Code here .

我尝试创建 html 标签，然后更改数据，但这会导致 arc 出现我无法解决的问题。

显然，这个例子非常简单和愚蠢，但这只是为了让你明白我想做什么。我能怎么做？正确的方法是什么？

谢谢

Answer 1

var svg = d3.select("#tooltip-chart")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .append("g")
    .attr("transform", "translate(" + w/2 + "," + h/2 + ")");

您的代码只是将新的 svg 添加到 tooltip-chart div。先删除旧的:

var svg = d3.select("#tooltip-chart")
    .html("")
    .append("svg")
    .attr("width", w)
    .attr("height", h)
    .append("g")
    .attr("transform", "translate(" + w/2 + "," + h/2 + ")");

.html("") 将删除 div 的子元素。