Question

K - K - K - Kode断路器！

我正在尝试为Highcharts创建自定义工具提示。问题是click事件会触发各种浏览器的不同坐标类型。（Chrome，IE，The Fire on the Fire）

我尝试过以下代码：

// create the chart
function onClick(e) {
  $('#report').text('x: ' + e.offsetX + ', y: ' + e.offsetY).css({
     'position': 'absolute',
        'left': e.offsetX,
        'top': e.offsetY
  })
}

var chart = new Highcharts.Chart({
  chart: {
     renderTo: 'container'
  },
  xAxis: {},
  tooltip: {
     enabled: false
  },
  series: [{
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
     events: {
        click: onClick
     }

  }]
});

小提琴可以在这里找到：

http://jsfiddle.net/6JxWz/

代码在Chrome中可以在IE中使用不同的值，但在Firefox中根本不起作用。如何始终如一地获得点击点的正确坐标？

Answer 1

我不确定我是否完全按照您的要求进行操作，但您是否尝试使用e.pageX和e.pageY而不是偏移？

Answer 2

您是否尝试在jquery中使用position（）或offset（）函数？

在Highcharts中，如何在IE，Chrome和Firefox中获得一致的坐标坐标

2 个答案: