md-grid-list中的角度图不适用于firefox

Question

这是我的代码的一部分：

    <md-grid-list md-cols-xs="2" md-cols-sm="3" md-cols-md="3" md-cols-gt-md="6" md-row-height="7:8" md-gutter="12px" md-gutter-gt-sm="8px">
    <md-grid-tile ng-repeat="pieChart in pieChartsData" class="main flex-wraper" md-rowspan="1" md-colspan="1" md-colspan-sm="1" md-colspan-xs="1">
        <div flex="100" class="flex-wraper" ng-click="onMonthClick(pieChart)">
            <div flex="100"><h4 style="text-align: center;">{{pieChart.Label}}</h4></div>
            <div flex="100" class="flex-wraper"><canvas class="chart chart-pie" chart-data="pieChart.Data" chart-labels="pieChart.Labels" flex="100"></canvas></div>
        </div>
    </md-grid-tile>
</md-grid-list>

在Chrome上运行正常，但在Firefox图表中不会显示...没有错误，在控制台中没有任何内容。