单击Highchart中的列时如何获取轴的坐标

时间:2018-03-28 14:11:43

标签: javascript highcharts

我有时间表图表。列显示一些时间段,如“空闲”,“活动”等。我想获得我点击的地方的Y轴值(时间)

[That's my chart][1].

我为图表尝试了click事件,但如果我点击了列,则没有触发,但它会返回yAxis

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

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

1 个答案:

答案 0 :(得分: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/