JS 折线图 - 空值\缺失数据点

Question

我看到在 LightningChart 的 .NET 版本中，有一种方法可以在折线图中添加分隔符。这在 JS 版本中也可能吗？几年前我看到有人问过类似的问题，但希望从那时起就已经实施了。

我查看了文档和示例，但没有找到任何内容。我希望在 ApexCharts 中复制看起来像这样的东西： https://apexcharts.com/javascript-chart-demos/line-charts/null-values/

Answer 1

LineSeries 中的换行符可以使用 NaN 指定。

目前还没有官方提到支持这一点，但这将在下一个版本发布时改变。之后请查看各系列数据输入法文档是否支持，可能不是所有功能都支持。

这是一个片段，其数据与您引用的 ApexCharts 示例中的数据相同。

const {
  lightningChart
} = lcjs

const chart = lightningChart().ChartXY()
const data = [
  [5, 5, 10, 8, 7, 5, 4, NaN, NaN, NaN, 10, 10, 7, 8, 6, 9],
  [10, 15, NaN, 12, NaN, 10, 12, 15, NaN, NaN, 12, NaN, 14, NaN, NaN, NaN],
  [NaN, NaN, NaN, NaN, 3, 4, 1, 3, 4, 6, 7, 9, 5, NaN, NaN, NaN]
]
data.forEach(yValues => chart.addPointLineSeries().addArrayY(yValues))

<script src="http://unpkg.com/@arction/lcjs@3.3.0/dist/lcjs.iife.js"></script>

JS 折线图 - 空值\缺失数据点

JS Line Chart - Null values \ Missing Data Points

lightningchart