d3js v4:在实时折线图上使用d3js的性能问题

时间:2017-01-17 12:39:17

标签: javascript d3.js canvas svg charts

我正在尝试使用d3.js和socket.io制作图表软件以获取测量数据。测量数据通过socket.io实时发送,必须在图表中绘制。我正在为不同的测量数据绘制最多20个不同系列的简单折线图。我每秒有50个数据点,所以过了一段时间我有很多数据要绘制,(在一小时内:180000)我必须从测量的一开始就显示所有图表数据。

一切正常,我可以放大和缩小,但如果有越来越多的数据点到达,性能会下降。

如果新数据集到达,我将其附加到我已有的数据,删除图表,重绘图表并重新调整图表和轴。我正在渲染SVG。一段时间后,表演失败了。

即使我尝试减少要绘制的数据,一段时间后的性能仍然不好。

如何改善表现? crossfilter可以帮帮我吗?每毫秒绘制整个图表的想法是全新的好吗?

我听说在SVG上渲染并不是那么在画布上执行。是吗?

0 个答案:

没有答案