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

Question

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

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

Answer 1

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

目前还没有官方提到支持这一点，但随着下一个版本的发布，这一点即将改变。之后，请检查每个系列类型的数据输入方法文档是否支持，因为可能不是所有功能都支持它。

这里有一个片段，其数据与您引用的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>