highcharts - 散点图点击事件在下面的点触发
问题描述
使用 Highcharts 散点图。我们有一个由大约 10,000 个点组成的图表。我们有一些“特殊”点(介于 5-10 之间)并使用半径约为 30 像素的标记进行格式化。在该标记下方可以是几个半径为 2 的点。我们使用鼠标跟踪和悬停状态来显示您在哪个点上方,但很多时候鼠标被认为更近,因此悬停在格式化较大的点下方标记。
我们将格式化点放在一个单独的系列中,该系列位于普通较小的标记系列之上
我们需要所有点上的点击事件,但需要较大格式的标记点击事件作为先例。
编辑:
JS 小提琴:http: //jsfiddle.net/qvfpekgo/
Highcharts.chart('container', {
series: [{
data: [[43933,1001], [43935,1002],[43937,1003],[44000,1000], [44000,1001],[43999,1000], [75000,2000], [80000,2500], [85000,3000], [13000,3500]],
marker:{
radius:1,
symbol:'*'
},
type:'scatter'
},
{
data: [[43934,1000], [52503,1500], [57177,2000], [69658,2500], [97031,3000], [119931,3500],[137133,4000], [154175,4500]],
marker:{
radius:20,
symbol:'*'
},
type:'scatter'
}
]
});
在第一个较大的标记下有 6 个较小的标记。我们需要防止悬停状态在被较大标记覆盖的那些上激活