D3JS:高效显示二进制时间序列

时间:2016-08-12 15:30:39

标签: javascript d3.js time-series

我需要在d3js图中显示二进制向量的时间序列。每个时间点都与长度为100的二进制向量相关联,即(x:75,y:[1001101 ...])。

到目前为止,我将每个1和0的值表示为红色或蓝色的圆圈。但是,数据的分辨率为1Hz,我试图一次显示15分钟的数据。这导致必须渲染90.000个圆圈(60 * 15 * 100)。

更新图表非常缓慢,因为当新数据进入时需要更新90.000个圈子。过去的值不会改变,但新数据会进入。

什么是数据的良好表示?我想过将每个二进制矢量预渲染为BMP,然后更新900个BMP而不是90.000个圆圈,但我不确定这是否是解决问题的优雅方法。

0 个答案:

没有答案