Индикатор Highcharts неправильно отображается в Firefox - PullRequest
0 голосов
/ 10 декабря 2018

У меня есть приложение angularjs, в котором я отображаю некоторые графики высокого чарта.Я отображаю графики и линейные диаграммы.В Google Chrome все графики отображаются хорошо, но в Firefox индикатор отображается плохо.

Это мой HTML-код:

    <span class="containerGauge" id="containerEnergyGauge_{{energyGaugeCtrl.widgetIdentifier}}"></span>

А это мой код JavaScript:

            $('#containerEnergyGauge_' + widgetCtrl.widgetIdentifier).highcharts(widgetCtrl.energyGauge);
            energyGauge = angular.element(
                document.getElementById('containerEnergyGauge_' + widgetCtrl.widgetIdentifier)
            ).highcharts();
            var gridsterContainerEnergyGauge = $('#gridsterContainerEnergyGauge_' + widgetCtrl.widgetIdentifier);
            if (energyGauge) {
             energyGauge.setSize(gridsterContainerEnergyGauge.width(), gridsterContainerEnergyGauge.height());
            }

И в консоли, когда я пытаюсь отобразить датчик, у меня появляется эта ошибка:

TypeError: "c.center is undefined"

(У меня его нет в Google Chrome).

Но если я изменю размер датчика позже, датчик отображается правильно.

У вас есть идея, почему она не работаетв Firefox?

РЕДАКТИРОВАТЬ Это пример jsfiddle .

В этом вы можете видеть, что датчик создан и отображается, но мы можем 'Прошло: var energyGauge = angular.element( document.getElementById('container') ).highcharts();

Так что здесь, должно быть, проблема, но я не знаю что.Вы знаете, почему я не могу использовать указатель энергии в консоли?

...