Как добавить код колеса мыши в старшие графики Angular2 в машинописи - PullRequest
Новая
       14

Как добавить код колеса мыши в старшие графики Angular2 в машинописи

0 голосов
/ 17 октября 2018

Мне нужно добавить колесо мыши в вертикальную полосу прокрутки старших карт.Я получил код в этой скрипке http://jsfiddle.net/d3r8pb7c/, но этот код написан в формате jQuery.Когда я пытаюсь добавить код в машинопись следующим образом, колесо мыши не работает. 

this.options = {
            chart: {

                events: {
                    wheel: function (event) {
                        var delta, extr, step, newMin, newMax, axis = this.xAxis[0];
                        var dataMax = this.xAxis[0].dataMax,
                            dataMin = this.xAxis[0].dataMin,
                            newExtrMin,
                            newExtrMax;

                        e = this.pointer.normalize(event);
                        delta = e.detail || -(e.deltaY / 120);
                        delta = delta < 0 ? 1 : -1;

                        if (this.isInsidePlot(e.chartX - this.plotLeft, e.chartY - this.plotTop)) {
                            extr = axis.getExtremes();
                            step = (extr.max - extr.min) / 5 * delta;

                            if ((extr.min + step) <= dataMin) {
                                newExtrMin = dataMin;
                                newExtrMax = extr.max;
                            } else if ((extr.max + step) >= dataMax) {
                                newExtrMin = extr.min;
                                newExtrMax = dataMax;
                            } else {
                                newExtrMin = extr.min + step;
                                newExtrMax = extr.max + step;
                            }

                            axis.setExtremes(newExtrMin, newExtrMax, true, false);

                        }

                        stopEvent(event); // Issue #5011, returning false from non-jQuery event does not prevent default
                        return false;
                    },
                }
            },

Пожалуйста, помогите мне, если кто-нибудь добавит событие колеса мыши в машинописи Highcharts angular2.

1 Ответ

0 голосов
/ 17 октября 2018

Прежде всего, код не зависит от jQuery, поэтому его не нужно импортировать.

Я попытался включить код из присоединенного JSFiddle, создав новый модуль и импортировав его в пределахфайл компонента.На самом деле, я не знаю, что вы делаете неправильно, но мой пример работает хорошо. 

import Stock from 'highcharts/modules/stock';
import Wheel from '../plugins/wheel-event'

Stock(Highcharts)
Wheel(Highcharts)

Живой пример: https://stackblitz.com/edit/highcharts-cloning-chart-s7kztw

...