更改角度路线后 LightningChartJs 点系列消失

Question

我LightningChartJs 2.0.2在我的Angular应用程序中使用。

在图表中，我实现了一条线和一个点系列，效果如预期。

但是如果我改变路线并返回到图表the point series is not visible anymore。尝试了不同的环境但没有成功。我也无法找到实际问题的原因。

以下代码显示了图表和系列的创建：

this.chart = lightningChart().ChartXY({container: `${this.chartId}`});

const lineSeries = this.chart.addLineSeries().setStrokeStyle((style) => style.setThickness(5));

   

lineSeries.add(this.points);

const pointSeries = this.chart.addPointSeries().setName('Points').setPointSize(6);

pointSeries.add(this.points);

在销毁图表时：

ngOnDestroy() {

    // "dispose" should be called when the component is unmounted to free all the resources used by the chart

    this.chart.dispose();

  }

通常情况下，图表和所有依赖项将在此时被销毁。如果我回到图表页面，图表应该是新创建的，包含它的所有系列，但点系列不是。

为什么点系列不再可见以及如何解决？

请参阅 stackblitz 示例！图表处理位于

/src/app/lc-test/lc-test.component.ts

重现问题的步骤：

1. 将路线更改为LC Test。您会看到线和点系列。

2. 变回Dashboard并再次变回LC-Test。线系列可见，点系列不可见。

在 Mac 上使用 Chrome 和 Firefox。

lightningChart Js - stackblitz - 点系列在路线更改问题上消失

在使用了一些缩放选项后，点系列似乎出现了渲染问题：

正常行为：

更改路线并放大顶部后：

Answer 1

这是由 LightningChart JS v2.0.2 中的渲染问题引起的。我们现在已经在 v2.0.3 版本中修复了它。感谢您提醒我们注意这个问题。使用 LightningChart JS v2.0.3，您提供的应用程序可以按预期工作。