CanvasJS - 没有setInteval（）的动态图表

Question

以下是原始示例代码： http://canvasjs.com/html5-javascript-dynamic-chart/

我需要更新没有setInterval（）的值，我的意思是每当yAxis在某个地方得到一个值时，它就会自动绘制而没有时间延迟。还有一件事，我不想在值达到数据长度时移动图形，当它达到最大数据长度时，清除所有旧的绘制数据，返回0点并重新绘制。

感谢您的支持！

canvasjs

Answer 1

Gia Huy，

您可以从示例中删除dps.shift以避免移位。请检查此example。

您可以删除setInterval以避免基于时间更新费用，并且您可以手动将y值推送到dataPoints并在获得y值时呈现图表。

setInterval(function(){updateChart()}, updateInterval);

删除setInterval并在遇到时将y-Value推送到dataPoints。

dps.push({y: yValue}); chart.render();

并渲染图表。