Javascript 知道为什么我的d3线图总是关闭吗？

我一直在用d3绘制实时数据图，但我在将其保存在图表中时遇到了一些麻烦

我每分钟重新绘制一次图形，并重新缩放x轴和y轴

xAxis.scale().domain([ 
    d3.min(chart_data, function (c) { return d3.min(c.points, function (v) { return v.created_at; }); }),
    d3.max(chart_data, function (c) { return d3.max(c.points, function (v) { return v.created_at; }); })
]);

yAxis.scale().domain([
    0,
    d3.max(chart_data, function (c) { return d3.max(c.points, function (v) { return v.rate; }); })
]);

---

这是JSfiddle链接

您需要在更新刻度和轴后重新绘制线条，否则它将关闭，因为它仍在使用旧的刻度。就是移动

linesGroup.selectAll("path")
    .data(chart_data)
    .transition().duration(1000)
    .attr("d", function(d){ return line(d.points); });

在您更改域后添加到

更改了JSFIDLE。

您看过吗：？