Highcharts标尺无法在Firefox中正确显示

时间:2018-12-10 14:58:19

标签: javascript angularjs highcharts highcharts-ng

我有一个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吗?

0 个答案:

没有答案
相关问题