У меня есть приложение 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();
Так что здесь, должно быть, проблема, но я не знаю что.Вы знаете, почему я не могу использовать указатель энергии в консоли?