Question

我有一张D3图表，应在2秒后更新。当轴改变时，线本身不会。

https://jsfiddle.net/horacebury/jwcngdLv/1/

我认为这应该是更新轴和线，但我缺少什么？

// Make the changes
svg.select(".line")   // change the line
   .duration(1000).attr("d", valueline(data));
svg.select(".x.axis") // change the x axis
   .duration(1000).call(xAxis);
svg.select(".y.axis") // change the y axis
   .duration(1000).call(yAxis);

Answer 1

您错过了将类添加到这样的路径：

svg.append("path") // Add the valueline path.
.classed("line", true) //add class to the path
.attr("d", valueline(data));

<强>原因：在更新功能中，您使用类名line来选择路径。

 svg.select(".line")   // change the line
    .duration(1000).attr("d", valueline(data));

工作代码here

为什么线不变？

1 个答案: