d3折线图在更新期间变平

Question

我有一个 d3 折线图，如 fiddle 所示

图表最初看起来和工作得很好，但我在更新时遇到了问题。在小提琴中按下更新按钮。

为什么这条线只是变平而不显示更新的数据？

我怀疑问题出在顶部更新函数中的这一行附近。

         svg.select(".line")  
            .transition().duration(750)
            .attr("d",  valueline(chartData));

但我无法确定为什么这条线完全变平/不正确？

有什么建议吗？

Answer 1

您没有正确设置y 比例的domain：

y.domain([0, d3.max(chartData, function(d) { return d.close; })]) // original

代替：

y.domain([0, d3.max(chartData, function(d) { return d.value; })]) // fix

Demo