Question

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

我附上了小提琴HIGHCHART select 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/中构建它。如果有什么需要改变，请告诉我。

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

1 个答案: