0

所以我有相对大量的数据,我想使用chart.js.

问题

我的数据集如下所示:

 [{label: 'Mon Feb 19 2018 21:02:38 GMT+0000 (GMT)', value: 0.2 },
  {label: 'Mon Feb 19 2018 21:02:39 GMT+0000 (GMT)', value: 0.1 },
  {label: 'Mon Feb 19 2018 21:02:40 GMT+0000 (GMT)', value: 0.5 },
  {label: 'Mon Feb 19 2018 21:02:41 GMT+0000 (GMT)', value: -0.3 },
  {label: 'Mon Feb 19 2018 21:02:52 GMT+0000 (GMT)', value: -0.3 }]

我可以根据这些数据创建一个图表,其中包含 XAxis 上的 5 个标签和 YAxis 上的 5 个记录。十分简单。

所以我的记录一个接一个地在几秒钟内发生,这很容易放在图表上。但是,我会随着时间的推移累积数据,所以我的第一次可以是:

{label: 'Mon Feb 19 2018 21:02:38 GMT+0000 (GMT)', value: 0.2 }, ...
{label: 'Mon Feb 26 2018 11:02:38 GMT+0000 (GMT)', value: 0.2 }]

因此,现在图表上的数据应该auto-scaled正确显示从第一个日期到最后一个日期的线,中间有一些标签。

我想出的唯一方法是专注于序列化我的数据,但这是一种非常困难且乏味的方法。如果可以在图书馆内处理,我不想重新发明轮子。从我目前所见,这是一个非常强大的库,我认为如果正确使用该库,这样的事情是可以处理的。

如果有这个库经验的人可以帮助我为这个任务编写代码,或者指出我正确的方向,我将非常感激。

4

1 回答 1

0

可能是您需要的。您基本上只需要将新点推送到现有标签和值数组并调用图表的更新方法。

于 2018-02-19T21:29:49.843 回答