具有不同时间戳和不同数量数据点的两个数组系列

Question

我有两个具有不同时间戳和不同数量数据点的时间序列数据。

第一个：

[
 { time: "2020-03-10T06:48:08.884220928Z", value: 99.05870056152344 }

 { time: "2020-03-10T06:48:10.888220928Z", value: 99.09293365478516 }

 { time: "2020-03-10T06:48:14.890221056Z", value: 99.17850494384766 }

 { time: "2020-03-10T06:49:18.894221056Z", value: 99.12715911865234 }

 { time: "2020-03-10T06:49:20.895220992Z", value: 99.16139221191406 }

 { time: "2020-03-10T06:49:24.900220928Z", value: 99.14427185058594 }

 { time: "2020-03-10T06:49:26.901220864Z", value: 99.21273040771484 }

 { time: "2020-03-10T06:50:30.904220928Z", value: 99.24696350097656 }

 { time: "2020-03-10T06:50:32.904220928Z", value: 99.22985076904297 }

 { time: "2020-03-10T06:50:36.910221056Z", value: 99.22985076904297 }
]

第二个：

[
{ time: "2020-03-10T06:48:59.000Z", value: 0 }

{ time: "2020-03-10T06:49:01", value: 61.7744735137 }

{ time: "2020-03-10T06:49:05", value: 27.1289544868 }

{ time: "2020-03-10T06:49:09", value: 100 }
]

正如我在堆叠折线图中看到的那样 https://www.echartsjs.com/examples/en/editor.html?c=line-stack 必须向第二个数组添加额外的数据点才能正确绘制它。否则，第二个分布的图表上仅显示 xAxis 上的第一个点（位置 0、1、2、3）。这不是我想要的。我需要根据数据戳放置位置。

有没有办法只在图表中绘制这些点而不改变第二个数组，第二个数组将为第二个系列对象提供空值？

Answer 1

我找到了我的解决方案，但它很奇怪

所以，基本上，需要在每一秒都提供数据。

为了对不同的时间戳数组执行此操作，获取开始时间和结束时间，运行一个循环，每秒添加一次，并使用该数组填充第一个系列 (0) 数据。只有之后，后续数据系列（1 和 2）的点才会开始正确调整到系列 0 的时间戳点。

官方示例页面上的文档完全不清楚这一点。

具有不同时间戳和不同数量数据点的两个数组系列

Two array series with different time stamps and a different number of data points

reactjs

echarts