折线图效果

Question

我正在尝试通过LightningChart JS来使折线图获得最佳性能。从性能示例中，我了解到performance tester可以运行的最大点数每个10系列x 1百万点。我像这样配置它。

我可以以30-40次刷新/秒的速度运行它。两个问题：

1. 是否有一种简单的方法可以用更高的分数进行测试？是否有任何在线演示/测试器？
2. 是否有关于使用此JavaScript闪电图优化性能设置的一般准则？

Answer 1

测试更多分

目前没有任何在线测试仪的分数更高。但是您使用的测试器的源代码可以在GitHub中找到：https://github.com/Arction/lcjs-performance-tester该存储库提供了很好的说明，说明如何在本地运行它。

要添加具有更多分数的测试，您可以编辑content/src/tests/default.js文件并添加具有您要测试的分数的新测试。假设您想拥有10个系列，每个系列拥有200万个积分。您可以添加

{
    key: '2M',
    label: '2 M points',
    code: (thickness) => ScrollingProgressiveLine(2 * 1000 * 1000, seriesCount, thickness.thickness, `${seriesCount} Scrolling Line Series 2 000 000 points each ${thickness.label}`),
    defaultSelected: false
},

在第718行之后，介于1M和10M点之间。该列表上的最后一个测试被排除在实际的可运行测试之外。

还有一个展示示例，可以用来查看图表在保持60 fps的同时可以显示多少点。 https://arction.github.io/lcjs-showcase-streamingData/

优化性能

1. 根据创建新系列时使用的数据设置DataPattern。
   • 对于线系列，在线系列选项中使用dataPattern属性进行设置。 chart.addLineSeries({dataPattern: DataPatterns.horizontalProgressive})
2. 禁用动画。
   • 我已经回答了如何禁用How to disable animations for charts in LightningChart JS?中的动画。
3. 禁用鼠标交互。
   • 要禁用鼠标交互，可以在所有轴，系列和图表上调用.setMouseInteractions(false)。
4. 禁用自动光标。
   • 为此，以setAutoCursorMode作为参数来调用AutoCursorModes.disabled。