任何想法爲什麼我的D3線圖總是關閉？

Question

我一直在努力用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鏈接http://jsfiddle.net/GsaGb/4/

Answer 1

你需要更新的比例和軸後重繪線，否則因爲它仍然在使用舊的秤，所以會關閉。即移動

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

到您更改域後。

更改jsfiddle here。