折线图效果

我正在尝试使用Lightningchart JS使折线图获得最佳性能。从性能示例中,我了解到performance tester可以运行的最大点数是 10个系列x 1百万个点。我像这样

折线图效果

进行配置。

我可以每秒30-40次刷新来运行它。

折线图效果

两个问题:

  1. 是否有一种简单的方法可以用更高的点数进行测试?有任何在线演示/测试程序吗?
  2. 是否有关于使用此JavaScript闪电图优化性能设置的一般准则?
dciyy 回答:折线图效果

测试更多分

当前没有任何在线测试仪的分数更高。但是您使用的测试器的源代码可以在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. 禁用动画。
  3. 禁用鼠标交互。
  4. 禁用自动光标。
本文链接:https://www.f2er.com/2758446.html

大家都在问