更改 angular 路线后 LightningChartJs 点系列消失

Question

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

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

但如果我改变路线并返回到图表 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

重现问题的步骤：

将路线更改为 LC Test。你看到线和点系列。
变回 Dashboard 并再次变回 LC-Test。线系列可见，点系列不可见。

在 Mac 上使用 Chrome 和 Firefox。

lightningChart Js - stackblitz - point series disappears on route change issue

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

正常行为：

更改路线并放大顶部后：

Answer 1

这是由 LightningChart JS v2.0.2 中的渲染问题引起的。我们现在已经在 v2.0.3 版本中修复了它。感谢您提请我们注意此问题。

使用 LightningChart JS v2.0.3，您提供的应用程序按预期运行。

更改 angular 路线后 LightningChartJs 点系列消失

LightningChartJs point series disappears after changing angular route

javascript

charts

angular

lightningchart