这是JSFiddle和Codepen或Highcharts中的错误还是Javascript的限制？

Question

我正在创建一个heatmap with Highcharts。我在5x5地图和I get the expected heatmap上测试过。

然后，我测试了一个较大的和the resulting heatmap is incorrect。我也在CodePen，with same (incorrect) result中试过。

奇怪的事情也是在大阵发生的地方使用Codepen时：（见this answer对于这一点，这解释了为什么强调停止）

我有几个可能性：

• 它可能是一个浏览器问题。我使用Chrome和Firefox进行了测试，并得到相同的错误
• 它可能是对数组大小的JavaScript限制（代码突出显示在Codepen中，因此可能）。 It looks like it is not。
• 它可能是JSFiddle和Codepen中的一个错误。我怀疑这是因为这两个沙箱中的问题都是一样的。
• 它可能是一个Highcharts的错误。这我不知道 - 我的代码不是特别的（即使有点大），所以应该早些发现。但是这个看起来很可能。

This is a fake snippet as the question requires one but it is not useful in this case

Answer 1

CodeMirror（这是codepen的编辑器）支持maxHighlightLength，它告诉编辑字符编辑器应突出的最大长度。

该变量的default值为10000，在您的具体情况下，该行比该值长。

Answer 2

问题在于，您需要告诉highcharts yAxis的规模。要做到这一点，设置为最小值= 0，最大值=类别的数量 - 1：

... 
    yAxis: { 
    categories: ['10.233.86.12', '10.233.84.72', '10.2.0.71', '10.90.13.175', '10.233.84.57', '10.91.66.24', '255.255.255.255', '224.0.0.252', '10.233.86.34', '10.233.80.60', '10.112.0.142', '10.35.24.33', '10.130.37.22', '10.20.3.16', '10.233.84.83', '10.70.1.79', '10.6.41.78', '10.89.3.109', '10.118.68.133', '192.168.0.11', '10.70.0.253', '10.10.68.56'], 
    title: null, 
    min: 0, 
    max: 21 
    }, 
... 

请注意，你也应该告诉它，以显示每一个应该由图表高度的增加使标签做做类别不重叠。

Answer 3

这不是一个错误。简单地说，点数超过了turboThreshold属性的默认值（请参阅API参考部分）。增加turboThreshold的数量，热图将正确显示。

API参考：
http://api.highcharts.com/highcharts/plotOptions.series.turboThreshold

例子：
http://jsfiddle.net/p4z094g9/