Javascript highcharts中长系列的奇怪工具提示行为
我正在为一个项目使用Highcharts,其中我必须显示两个系列,每个系列大约有1000个点。x轴表示日期,y轴表示数量。此外,每个点都有一个相关的名称列表。我的数据每天都有,没有间隔,结构如下Javascript highcharts中长系列的奇怪工具提示行为,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我正在为一个项目使用Highcharts,其中我必须显示两个系列,每个系列大约有1000个点。x轴表示日期,y轴表示数量。此外,每个点都有一个相关的名称列表。我的数据每天都有,没有间隔,结构如下 var mydata = [ ... {x: theDate, y: theValue, names: theNames}, ... ] 其中theNames是一个字符串数组。如果图表上显示的范围足够小,我可以通过this.points.po
var mydata = [ ...
{x: theDate, y: theValue, names: theNames},
... ]
其中theNames
是一个字符串数组。如果图表上显示的范围足够小,我可以通过this.points.point.names
在工具提示格式化程序中访问这些。如果更改x轴,使开始日期和结束日期相隔大约一年以上,则根本不会呈现工具提示
我尝试过但迄今为止失败的一个可能途径是将turboThreshold限制设置为最长系列的长度加1。设置此选项可使我在mydata.length>1000
(默认值)时至少显示一个图形。但是,这仅在x轴范围小于261时显示工具提示。否则,工具提示将完全消失,我从中获取名称的point.data
对象也将完全消失
我也不擅长JavaScript,但我想知道是否有一种方法可以将点的名称从包含它们的数组中分离出来(在我的示例中,myData1
和myData2
),并通过工具提示函数访问这些名称,而不必经过当前点
是指向演示此问题的JSFIDLE的链接
感谢您的帮助 问题出在数据分组中,禁用后可以正常工作: 数据分组是Highcharts中的一种方法,用于在图表宽度不足时近似显示点,例如,如何在宽度为1000像素的图表中显示10000点->在一个像素中显示10点。。?使用数据分组时,会创建新的点,因此所有自定义选项(如“名称”等)都会丢失(至少不可访问) 代码:
此外,实际值取决于浏览器和显示的数据。。。例如,在我的实际项目中,显示天数的上限(每天一个值)是379天,在朋友的Safari计算机上,使用相同的数据,最大天数是326天。非常感谢!这似乎是解决办法。
plotOptions: {
line: {
dataGrouping: {
enabled: false
},
turboThreshold: 10000
}
},