高图表选择事件触发css转换元素上的错误输出

Question

我正在使用css转换来缩放我的高图容器 当元素被缩放时，选择事件的返回输出与预期不符i：e选择事件不在与鼠标指针同步什么可能是这个问题？

我重视的小提琴HIGHCHARTselect the points in chart to see the issue

Answer 1

我找到了一个解决方法这里 https://github.com/highcharts/highcharts/issues/1753

而且我改成您的需求。请检查一切是否正常。

(function (H) { 
    H.wrap(H.Pointer.prototype, 'normalize', function (proceed, e) { 
     var e = proceed.call(this, e), 
      container = this.chart.container.parentNode, 
      zoom; 

     if($('#container').css('transform') != none){ 
      var zoom = parseFloat($('#container').css('transform').split(',')[3]); 
      e.chartX /= zoom; 
      e.chartY /= zoom; 
      } 

      return e; 
     });  
}(Highcharts)); 

我建立它在一个新的JSFiddle https://jsfiddle.net/k2bcszdx/。让我知道是否有什么改变。