Событие выбора High-Charts, вызывающее неправильный вывод на css-преобразованном элементе

Question

Я использую css-преобразование для масштабирования моего контейнера highcharts , когда элемент масштабируется, возвращаемый вывод для события выбора не соответствует ожидаемому 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/. Дайте мне знать, если что-то изменится.