Highcharts散点图很多数据点运行速度很慢

Question

我在这里看到了一些建议，但似乎没有什么适用于我的情况。我也看到了一些尚未解决的类似问题。我用很多数据（大约40k）分散绘图。这真的很慢。下面的链接（基因数据 - 称为曼哈顿图）最终会加载，但速度很慢。我需要找到一种方法来优化性能。

http://ricediversity.org/test/highcharts/examples/line-ajax/index-b.htm

而且，我想更多的信息（数据字段）从我的数据文件添加到我的提示，但我不能得到那个工作要么。有什么建议么？

Answer 1

上有highcharts网站这里就优化性能的一些提示：http://docs.highcharts.com/#faq $优化性能

然而，很多分，我会考虑使用highstock。没有办法弄清楚许多点的细节，因此以某种方式汇总它们可以制作出更好的图表（http://docs.highcharts.com/#data-grouping）。

Answer 2

您可以尝试禁用动画/阴影。

http://api.highcharts.com/highcharts#chart.animation http://api.highcharts.com/highcharts#plotOptions.series.animation http://api.highcharts.com/highcharts#tooltip.animation http://api.highcharts.com/highcharts#plotOptions.series.shadow

Answer 3

至于工具提示，检查出highcharts data api，具体数2在列表中。如果这不能为你削减它，你可以传入一组对象来指定你想要获得的数据。然后，在格式化程序中，很容易参考。 Here's a JSfiddle显示如何在数据阵列中引用名称。

格式化器是

formatter: function() { 
    var s = ""; 
    $.each(this.points, function (i, point) { 
     s += point.point.nameList[0]; 
    }); 
    return s; 
} 

和数据集看起来像：

data = [ ..., 
     {x: xval, y: yval, nameList: myListOfNames}, 
     ...] 

其中xval和yval是数据点的x和y值和myListOfNames是一个字符串数组。

Answer 4

也许为时已晚（但示例链接不再有用，所以我不确定这是否适用），但有一个新的Highcharts插件用于缩减时间序列数据的采样范围，以保留图形的形状原始数据。

http://www.highcharts.com/plugin-registry/single/13/Highcharts-Downsample