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

Question

我在这里看到了一些建议，但似乎没有什么适用于我的情况。我也看到了一些未解决的类似问题。我有大量数据（约40k）点散点图。这真的很慢。下面的链接（遗传数据 - 称为曼哈顿情节）将最终加载，但它只是缓慢。我需要找到一种优化性能的方法。

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

另外，我正在尝试从我的数据文件中向我的工具提示添加其他信息（数据字段），但我也无法正常工作。有什么建议吗？

Answer 1

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

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 2

就工具提示而言，请查看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 3

这里有一些关于优化性能优化网站的提示：http://docs.highcharts.com/#faq $ optimize-performance

然而，有了这么多点，我会考虑使用highstock。没有办法弄清楚那么多点的细节，所以以某种方式聚合它们会产生更好的图表（http://docs.highcharts.com/#data-grouping）。

Answer 4

可能为时已晚，无法使用（示例链接不再有效，所以我不确定这是否适用），但是有一个新的Highcharts插件可以对时间序列数据进行下采样，目的是保留原始形状数据

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