我有一个angularjs应用程序,其中显示了一些图表。 我显示折线图和量规。使用谷歌浏览器时,所有图形都可以很好地显示,但是在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未定义”
(我在Google Chrome浏览器中没有)。
但是如果以后再调整仪表的尺寸,仪表将正确显示。
您知道为什么它不能在Firefox上运行吗?
编辑 这是jsfiddle example。
在此您可以看到已创建并显示了量规,但在以下情况我们无法通过:
var energyGauge = angular.element(
document.getElementById('container')
).highcharts();
所以这里一定有问题,但我不知道是什么。您知道我为什么不能在控制台中使用energyGauge吗?