0

K-K-K-Kode 断路器！

我正在尝试为 Highcharts 创建自定义工具提示。问题是点击事件触发了不同浏览器的不同坐标类型。（Chrome、IE、着火的狐狸）

我尝试了以下代码：

// 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 中根本不起作用。我怎样才能始终如一地获得点击点的正确坐标？

4

2 回答 2

1

不确定我是否完全了解您要执行的操作，但是您是否尝试过使用 e.pageX 和 e.pageY 而不是偏移量？

于 2013-04-19T12:06:10.610 回答
0

您是否尝试过在 jquery 中使用 position() 或 offset() 函数？

于 2013-04-19T12:39:37.630 回答