如何使用 Apache ECharts 在同一轴内安装不同长度的系列？

Question

我正在使用 Javascript ECharts库在我的 Angular 2+ 应用程序中显示一些数据。 我看到所有示例都具有如下配置：

{
  xAxis: [
    data: ['00:00', '01:15', '02:30', '03:45']
  ],
  series: [
   { name: 'A', type: 'line', data: [300, 280, 250, 260] },
   { name: 'B', type: 'line', data: [200, 120, 700, 290] },
  ]
}

但我的数据并不总是为 x 轴上的所有标签提供值。 例如，我需要将这些自定义对象的 arrays 放入图表中：

const series1 = [{ label: '00:00', value: 300 }, { label: '02:30', value: 120 }];
const series2 = [{ label: '03:45', value: 890} ];

当然，我可以手动插入 null 或所有系列中的空值，以便它们都为轴中的每个 label 提供一个值。 但我相信在 ECharts 中应该有更直接的方法来实现这一点，因为它在 Kendo Charts 等其他图表库中非常简单。

Answer 1

假设您正在使用折线图，下面是解决方案，无论如何它与其他图表没有什么不同，只需确保您的 xAxis 类型是类别您的 xAxis 类型应该设置为类别，并且数据应该是这样的

  xAxis: [
    type: 'category'
    data: [ {name: '00:00'}, ....] 
  ]

您的系列数据应如下所示

                   //dimx , value
const series2 = [['03:45',  890]];