javascript - 散点图中的三点数据 HighChart

Question

我正在使用 highchart 显示散点图。提供给 Highcharts 的数据是格式的

[
    obj1 : [
              {
                 "x":"0.1",
                 "y":"12",
                 "id":"154"
              },....
           ],....
]

图表在 x 轴和 y 轴上正确绘制。

我的问题是，当我单击任意点但它在该点中不可见时，我希望能够使用第三个值 id。我试图打印出点对象，它没有任何名为 id 的对象。

如有任何帮助，我们将不胜感激。

Answer 1

使用plotOptions点击事件

  plotOptions: {
    series: {
      dataLabels: {
        align: 'left',
        enabled: false,
        format: '{point.id}',

      },
      point: {
        events: {
          click: function() {
            alert('Id: ' + this.id);
          }
        }
      }
    }

  },

假设您的系列数据类似于

data: [
    {x:161.2,y:51.6,id:154},{x:100.2,y:60.6,id:155},{x:161.2,y:151.6,id:157}]

}]

Fiddle demo