Javascript HIghcharts热图过载，数据过多？

（注意，我删除了上述代码中的轴标签和数据。） 如果将注释标记开头的位置更改为，以便绘制“50”数据图表，则图表将失败

---

这是因为数据太多，还是有办法创建需要约20 x 90个单元的热图

从Highcharts API将turboThreshold设置为0：

当序列包含的数据数组长度超过此长度时，只允许一维数字数组或具有x和y值的二维数组。此外，仅测试第一个点，其余点假定为相同格式。这样可以在长系列中节省昂贵的数据检查和索引。将其设置为0禁用。默认值为1000

例如：

---

尝试加载HighchartsBoost模块

js模块是一个允许快速加载100个文件的模块 在海图中有数千个数据点

此模块不完全依赖SVG来显示图形，而是执行以下操作以提高性能：

。。。在画布上绘制图形，然后将内容复制到 SVG中的图像标记，使用数据URL

---

只需在highcharts.js（lib/modules/boost.js）之后加载模块。

这可以通过为colorAxis提供最小值和最大值来解决。Highcharts在使用超大数据集计算最大值时存在问题

$(function() {
$('#container').highcharts({
chart: {
type: 'heatmap',
marginTop: 40,
marginBottom: 80,
plotBorderWidth: 0.5
},
title: {
text: 'Number'
},
xAxis: {
categories: [ .......... ]
},
yAxis: {
categories: [  .......... ],
title: null
},
colorAxis: {
min: 0,
minColor: '#FFFFFF',
maxColor: Highcharts.getOptions().colors[0]
},
legend: {
align: 'right',
layout: 'vertical',
margin: 0,
verticalAlign: 'top',
y: 25,
symbolHeight: 280
},
tooltip: {
formatter: function() {
return '' + 
this.series.xAxis.categories[this.point.x] + 
'<br>' + 
this.series.yAxis.categories[this.point.y] + 
'<br>' + this.point.value;
}
},
series: [{
name: 'Sales per employee',
borderWidth: 1,
data: [ ..........  ],

[50,0,null],
[50,1,8380],
[50,2,37430],

 series: [{
        name: 'Sales per employee',
        borderWidth: 1,
        turboThreshold: 0,
        ...