Highcharts跳过大型数据集的共享工具提示点

Highcharts跳过大型数据集的共享工具提示点,highcharts,react-highcharts,Highcharts,React Highcharts,Highcharts似乎正在跳过共享工具提示中的几个数据点,以获取大量数据点(2500+) 我正在尝试使用Highcharts为4个系列渲染一个包含2500多个数据点的双轴图表。我还使用共享工具提示选项来呈现自定义工具提示html。但有时Highcharts会跳过工具提示中的1或2个数据点。例如,当我从左到右慢慢地将鼠标悬停在每个点上时,我应该在“3月31日”之后看到“4月1日”。但是,我看到的是“4月2日”。是虫子吗?还是我遗漏了什么?(我已核实所有日期都存在于传递给Highcharts的类别

Highcharts似乎正在跳过共享工具提示中的几个数据点,以获取大量数据点(2500+)

我正在尝试使用Highcharts为4个系列渲染一个包含2500多个数据点的双轴图表。我还使用共享工具提示选项来呈现自定义工具提示html。但有时Highcharts会跳过工具提示中的1或2个数据点。例如,当我从左到右慢慢地将鼠标悬停在每个点上时,我应该在“3月31日”之后看到“4月1日”。但是,我看到的是“4月2日”。是虫子吗?还是我遗漏了什么?(我已核实所有日期都存在于传递给Highcharts的类别中。)

工具提示:{
边框颜色:“#ccc”,
背景色:“透明”,
边框宽度:0,
影子:错,
shared:true,//同时显示所有系列值
是的,
//希德雷:50000,
格式化程序:函数(){
如果(props.config.type=='pie'){
返回'Value:'+此.y;
}否则{
让html='';
html+=formatTooltipDate(this.x);
如果(这一点)&&
此.points.length>1&&
props.config.type!=“组合”){//multiple series*(参见下面的注释)
//*组合系列有1个点,因此在else部分中作为单个系列处理。
让dateIndex=props.config.data.categories.indexOf(this.x);
console.log(“日期”,this.x);
log(“dateIndex”,dateIndex);
如果(props.config.type==“双”){
让dualAxisTitles=props.config.dualAxisTitles;
html+=FormatDualSeriesToltIPData(this.x、dateIndex、this.points、dualAxisTitles);
}否则{
html+=formatMultiSeriesToLTIPDATA(this.x,dateIndex,this.points);
}
}else{//单个系列
//对于组合图表,具有自定义工具提示逻辑
如果(props.config.type==“组合”){
让dateIndex=props.config.data.categories.indexOf(this.x);
html+=formatMultiSeriesToLTIPDATA(this.x、dateIndex、props.config.data.series);
}否则{
设seriesColor=this.points[0].point.series.color;
让seriesName=this.points[0].point.series.name;
设value=this.points[0].y;
html+=FormatSingleSeriesToltIPData(值);
}
}
html+='';
返回html;
}
}
}
预计将在“3月31日”之后看到“4月1日”数据点的工具提示。而不是看到“4月2日”数据点的工具提示


如果绘图区域中没有足够的空间放置点(1个点对应1个点),则跳过这些点。解决方案是设置适当的图表宽度:

chart: {
    width: 1000
},
现场演示:


API:

嗨,温格,你能给我们提供一些最简单的实例吗?在您描述的情况下,一切似乎都很好:您好,在您提供的JSFIDLE链接中,当我从“Jan 19,20.52.29.723”向右悬停时,工具提示中的下一点不应该是:“Jan 19,21.52.29.723”吗?我总是收到“1月19日,22.52.29.723”。你看到了同样的行为吗?(或者,这是意料之中的吗?)温格,这取决于图表的宽度。如果没有足够的空间放置点(1个点对应1个点),它们可能会重叠-我认为这是预期的行为。明白了!谢谢一旦我开始放大,它会显示所有的点。谢谢你的回答+1.
chart: {
    width: 1000
},