javascript - 当我点击 Highchart 中的列时如何获取轴的坐标

Question

我有时间表。列显示一些时间段，例如“空闲”、“事件”等。我想获取我单击的位置的 Y 轴值(时间)

我尝试了图表的 click 事件，但如果我单击列，则不会触发该事件，但它返回 yAxis 值

 series: {
   events: {
     click: function (event) {
   },
 },

系列或点的事件仅返回column(event.toElement.Point)

Answer 1

您可以获取点击事件的 x/y 坐标并将其转换为 yAxis 值。

plotOptions: {
    columnrange: {
      events: {
        click: function(event) {
          alert(this.yAxis.toValue(event.x, false));

        },
      }
    }
  },

请注意，因为您正在使用 chart.inverted = true ，您需要使用 x值来获取 yAxis 上的点.

http://jsfiddle.net/fLcobofm/13/