SVG无法在Firefox中显示

Question

我正在使用ChartAngular在我的角应用中创建一个购物车。这在Chrome甚至IE8中运行良好，但在Firefox中有时它只显示一个空白div。有时候它会工作很多次。我找不到一个模式。

Javascript：

$scope.isLoaded = false;
        $timeout(function(){
            $scope.isLoaded = true;
            alert("it should be loaded");
        },200)

$scope.chart_options = {
            data: $scope.lineGraphData.values,
            xkey: 'x',
            ykeys: ['y']
            ,labels: []
            ,hideHover: 'always' 
            ,pointSize: 0
            ,ymax:1

        };

HTML：

<div id='line-example' ng-click="expandChart()" style="height: 150px;  width:400px;" class=" no-padding no-margin small-12 medium-12 large-12 columns">

        <linechart  ng-if="isLoaded" style="overflow:visible" id="line-example" options="chart_options"></linechart>

</div>

非常感谢任何帮助。如有任何问题请咨询。提前谢谢。