Javascript Highcharts热图不能处理大范围的数据值(最小值:0,最大值:5000000)
我试着用海图画一张热图(50 x 100)。我注意到,当我的数据值范围很广(从0到5000000)时,图表显示不正确。但是,如果我将数据值更改为较小的范围(例如,从0到1),则图表似乎没有问题Javascript Highcharts热图不能处理大范围的数据值(最小值:0,最大值:5000000),javascript,highcharts,heatmap,Javascript,Highcharts,Heatmap,我试着用海图画一张热图(50 x 100)。我注意到,当我的数据值范围很广(从0到5000000)时,图表显示不正确。但是,如果我将数据值更改为较小的范围(例如,从0到1),则图表似乎没有问题 $('#heatmap').highcharts({ chart: { type: 'heatmap', marginTop: 40, marginBottom: 40, zoomType: 'xy' },
$('#heatmap').highcharts({
chart: {
type: 'heatmap',
marginTop: 40,
marginBottom: 40,
zoomType: 'xy'
},
credits: {
enabled: false
},
plotOptions: {
series: {
events: {
click: function (event) {
alert('event!');
}
}
}
},
title: {
text: 'Sample title yo'
},
xAxis: {
categories: xCategories,
title: null
},
yAxis: {
categories: yCategories,
title: null
},
colorAxis: {
min: min,
max: maxv,
minColor: '#FFFFFF',
maxColor: Highcharts.getOptions().colors[0]
},
legend: {
align: 'right',
layout: 'vertical',
margin: 0,
verticalAlign: 'top',
y: 25,
symbolHeight: 320
},
tooltip: {
formatter: function () {
return '<b>' + this.series.xAxis.categories[this.point.x] + '</b> sold <br><b>' + this.point.value + '</b> items on <br><b>' + this.series.yAxis.categories[this.point.y] + '</b>';
}
},
series: [{
name: 'Lorem ipsum',
borderWidth: 1,
data: data,
dataLabels: {
enabled: false,
color: 'black',
style: {
textShadow: 'none',
HcTextStroke: null
}
}
}]
});
$(“#热图”).高图({
图表:{
类型:'热图',
玛金托普:40,
marginBottom:40,
zoomType:'xy'
},
学分:{
已启用:false
},
打印选项:{
系列:{
活动:{
单击:功能(事件){
警报(“事件!”);
}
}
}
},
标题:{
文本:“示例标题yo”
},
xAxis:{
类别:xCategories,
标题:空
},
亚克斯:{
类别:yCategories,
标题:空
},
颜色轴:{
敏:敏,,
马克斯:马克斯,
minColor:“#FFFFFF”,
maxColor:Highcharts.getOptions().Color[0]
},
图例:{
对齐:“右”,
布局:“垂直”,
保证金:0,
垂直排列:“顶部”,
y:25,
符号高度:320
},
工具提示:{
格式化程序:函数(){
返回“+this.series.xAxis.categories[this.point.x]+'sed
”+this.series.yAxis.categories[this.point.y]+”+上的this.point.value+'items;
}
},
系列:[{
名称:“Lorem ipsum”,
边框宽度:1,
数据:数据,
数据标签:{
启用:false,
颜色:'黑色',
风格:{
textShadow:'无',
HctTextStroke:null
}
}
}]
});
这是我的小提琴:
我可以做些什么来显示较大的值吗?您需要将的值增加或设置为无限制(0)
示例:您需要将的值增加或设置为无限制(0)
示例:您需要将的值增加或设置为无限制(0)
示例:您需要将的值增加或设置为无限制(0) 例如:
plotOptions: {
series: {
turboThreshold:0
}
}