首页 > 解决方案 > 散点图点击事件在下面的点触发

问题描述

使用 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 个较小的标记。我们需要防止悬停状态在被较大标记覆盖的那些上激活

标签: highcharts

解决方案


推荐阅读