Highcharts折线图未加载数据

Question

我一直在使用highcharts并尝试使用自定义工具提示。

这是我的工作sample code。

通过在图表上移动鼠标可以看到工具提示。

然而，当它有大量数据时，同样的图表不起作用，例如data of around 2 days

如果我们将json数据更改为此类。

  

[1494700238000,180]，[1494700537000,180] ......

它会正确加载图表。

但是我们不能使用工作提示，这是我的客户所需要的。

Answer 1

如果我正确理解您的问题，您遇到了highcharts error number 12。 Highcharts库使用阈值处理系列数据，默认值等于1000。仅当您将数据设置为配置对象数组时，才会触发此阈值。这就是为什么你的图表加载了数字列表，但没有加载对象列表。原因很明显 - 需要花费大量时间来处理如此大量的对象，这些对象的参数变化很大。在这里，我可以看到三种可能的方式：

a）最明显的一个 - 禁用此阈值策略，您可以看到它here：

plotOptions: {
  series: {
     pointStart: Date.UTC(2017, 4, 15),
     turboThreshold: 0
  }
}

此解决方案基于highcharts api，非常简单。但这可能导致向客户端加载无限量的数据，这可能导致浏览器内存泄漏。

b）第二种解决方案是默认情况下将一些适当的数据量加载到客户端（假设为1000点），并为用户提供zoom数据的机会，仅在缩放后加载更详细的信息。这是最复杂但最灵活的方式。

c）第三种方法是根据您的数据设置一些阈值（例如，10000）。这可以保护你免受客户的缓慢，不是很困难，但不是很灵活 - 你必须在每次点数增加时改变这个常数。