d3折线图在更新期间变平

Question

我有一个d3折线图，如fiddle

所示

该图表最初看起来很有效但我正在更新问题。在小提琴中按下更新按钮。

为什么线条会变平并且不会像我期望的那样显示更新的数据？

我怀疑问题出在顶部更新功能的这一行。

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

但是我无法锻炼为什么线条完全是扁平的/不正确的？

有什么建议吗？

Answer 1

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

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