angular-chart.js 在 Firefox、Safari 和 IE 中显示黑色图表

Question

在 Chrome 中，我能够看到折线图的正确颜色，但在 Firefox、Safari 和 IE 中，图表变成黑色。我在配置中遗漏了什么吗？

请查找相同的代码笔。

https://codepen.io/anon/pen/gGmPEy?editors=1010

<body ng-app="app">
<div ng-controller="apingDefaultDesignController">
<canvas id="line"
    class="chart chart-line"
    chart-options="chartOptions"
    chart-dataset-override="datasetOverride"
    chart-data="chartData"
    chart-labels="chartLabels"
    chart-colors="chartColors">
  </canvas>
</div>
</body>

谢谢， MSK

Answer 1

呃，这很难：

https://codepen.io/anon/pen/RLpGyY?editors=1010

您在 $scope.chartData 上缺少括号，因此无法正确呈现。即使你只有一个数据集，你也需要将它设置为数组的数组

试试这个：

$scope.chartData = [[1,20,3,40,5,60,7]];

我想 Safari 和 Firefox 不如 Chrome 聪明 :)

angular-chart.js 在 Firefox、Safari 和 IE 中显示黑色图表

angular-chart.js showing black color chart in Firefox, Safari, and IE

angularjs

chart.js

angular-chart