Блог

Мы используем https://apexcharts.com/docs/chart-types/multiple-yaxis-scales/

но нам нужно, чтобы каждая строка имела разные значения x, т. Е. Мы отображаем результат измерения веса, но некоторые результаты отбрасываются, поэтому они не должны быть частью линейного графика, но мы все равно хотим, чтобы они отображались на графике (предпочтительно в виде отдельных серых точек).

Таким образом, данные Y являются:

 [
  {
    "name": "Weight",
    "data": [200, null, 119]
  },
  {
    "name": "Discarded",
    "data": [null,19,null]
  }
]
 

И данные X-это:

 [1626009960000,1627075098000,1627186269000]
 

Этот результат представлен на следующей диаграмме:

т. е. весовые точки не соединены с линией

Если я удалю нулевые значения из Y, я получу следующую диаграмму

т. е. точки веса связаны, но с неправильными датами

Как я могу создать несколько серий с разными осями x?

См. https://apexcharts.com/docs/series/

Парные значения

Числовые парные значения в двумерном массиве

 series: [{
  data: [[1, 34], [3, 54], [5, 23] , ... , [15, 43]]
}], 
xaxis: {
  type: 'numeric'
}
 

где 1-й индекс-это значение осей x, а 2-й индекс-значение осей y. Убедитесь, что для типа xaxis задано числовое значение, как показано выше.