Javascript Highcharts:热图更新跳过值,隐藏行

Javascript Highcharts:热图更新跳过值,隐藏行,javascript,charts,highcharts,heatmap,Javascript,Charts,Highcharts,Heatmap,我的web应用必须具有从服务器更新数据的热图HighchartsJS库允许轻松创建热图,但数据更新会导致错误:跳过第一行,只显示最后2个单元格 我尝试过设置turboThreshold,使用不同的值,保持axis不变,使用字典声明值,以及其他一些东西,但这些都没有帮助。我怎样才能解决这个问题 //Init工作得很好 var ch1=Highcharts.chart('chart1'{ 图表:{type:'heatmap'}, xAxis:{categories:['X1','X2']}, yA

我的web应用必须具有从服务器更新数据的热图HighchartsJS库允许轻松创建热图,但数据更新会导致错误:跳过第一行,只显示最后2个单元格

我尝试过设置
turboThreshold
,使用不同的值,保持axis不变,使用字典声明值,以及其他一些东西,但这些都没有帮助。我怎样才能解决这个问题

//Init工作得很好
var ch1=Highcharts.chart('chart1'{
图表:{type:'heatmap'},
xAxis:{categories:['X1','X2']},
yAxis:{类别:[Y1',Y2']},
colorAxis:{minColor:'#FFFFFF',maxColor:Highcharts.getOptions().colors[0]},
系列:[{
名称:“Z”,阈值:0,
数据:[[0,0,0],[1,0,1],[0,1,2],[1,1,3],
数据标签:{已启用:true,颜色:'#000000'}
}],
图例:{
对齐:“右”,布局:“垂直”,
边距:0,垂直对齐:“顶部”,
y:32,符号高度:280
}
});
//这是错误的
函数更新(){
风险值数据={
值:[[0,0453],[1,2625],[0,1213],[0,2234],
xtitle:'总和',
xnames:[300-500',500-700'],
ytitle:'频率',
Y名称:['0-50','51-100','101-200']
};
ch1.xAxis[0].setTitle({text:data.xtitle});
ch1.yAxis[0].setTitle({text:data.ytitle});
ch1.xAxis[0].setCategories(data.xnames,true);
ch1.yAxis[0].setCategories(data.ynames,true);
ch1.series[0].setData(data.values);
}
//更改值
设置超时(更新,3000)

解决方案是将最后一个参数(名为
updatePoints
)设置为
false

ch1.series[0].setData(data.values, true, true, false);
这是因为默认情况下,
setData
尝试更新现有的值/实体,但我需要完全替换它们


有用链接: