Javascript 折线图性能

Javascript 折线图性能,javascript,performance,charts,linechart,lightningchart,Javascript,Performance,Charts,Linechart,Lightningchart,我正试图通过LightningChart JS为我的折线图获得最大的性能。从性能示例中,我了解了可以使用is10系列x 100万点运行的最大点数。我这样配置它 我可以每秒刷新30-40次。 两个问题: 有没有一种简单的方法可以用更高的点数来测试它?有在线演示/测试吗 是否有使用此JavaScript Lightning图表优化性能设置的一般准则 多点测试 目前没有任何在线测试人员的点数高于此值。但是您使用的测试仪的源代码可以在GitHub中找到: 存储库对如何在本地运行它有很好的说明 要添加具有

我正试图通过LightningChart JS为我的折线图获得最大的性能。从性能示例中,我了解了可以使用is10系列x 100万点运行的最大点数。我这样配置它

我可以每秒刷新30-40次。 两个问题:

  • 有没有一种简单的方法可以用更高的点数来测试它?有在线演示/测试吗
  • 是否有使用此JavaScript Lightning图表优化性能设置的一般准则
  • 多点测试 目前没有任何在线测试人员的点数高于此值。但是您使用的测试仪的源代码可以在GitHub中找到: 存储库对如何在本地运行它有很好的说明

    要添加具有更多点的测试,您可以编辑
    content/src/tests/default.js
    文件,并添加一个具有您想要测试的点计数的新测试。假设你想要10个系列,每个系列有200万点。你可以加上

    {
    键:“2M”,
    标签:“2米点”,
    代码:(厚度)=>ScrollingProgressiveLine(2*1000*1000,serieCount,thickness.thickness,`${serieCount}滚动线系列,每个${thickness.label}2 000 000点),
    defaultSelected:false
    },
    
    在718线之后,在1M和10M点之间进行测试。该列表上的最后一个测试被排除在实际可运行测试之外

    还有一个showcase示例,可用于查看图表在保持60 fps的同时可以显示多少点

    优化性能
  • 基于创建新系列时使用的数据进行设置。
    • 对于线系列,它在线系列选项中设置了
      dataPattern
      属性
      chart.addLineSeries({dataPattern:DataPatterns.horizontalProgressive})
  • 禁用动画。
    • 我已经回答了如何在中禁用动画
  • 禁用鼠标交互。
    • 要禁用鼠标交互,可以调用所有轴、系列和图表
  • 禁用自动光标。
    • 以作为参数执行此调用

  • 谢谢。也许您可以让initialiser/constructor已经设置了这个“OptimalPerformance”模式,而不必显式地设置它们?只是一个想法。