Angularjs chartjs 2+；如何指定条形图颜色

我正在尝试使用以下库为我的条形图上色，尽管我无法实现这一点，而且颜色总是随机的。数据运行良好。我在下面列出了它们的版本和加载顺序。希望这有帮助

非常感谢您的帮助

非常感谢,

代码片段

<script src="js/chartjs/Chart.js" defer></script>
<script src="js/angular-chart/angular-chart.min.js" defer></script>

库版本控制

• AngularJS v1.5.0-rc.2
• Chart.js版本：2.3.0
• angular-chart.js版本：1.1.1

HTML标记

<canvas id="line" class="chart chart-bar" chart-color="backgroundColour: 'Red'" chart-data="vm.chartData.data" chart-labels="vm.chartData.legends" chart-series="vm.series" chart-options="vm.options" chart-dataset-override="vm.datasetOverride" chart-click="vm.onClick"></canvas>

最终解决方案注释

---

最终工作解决方案使用Angular 1.5.8设置控制器中的颜色。您可以在控制器中指定颜色：

...
$scope.vm.colors = [ '#f7464a', '#949FB1'];
...

稍后在图表中使用：

<canvas id="line" class="chart chart-bar" chart-colors="vm.colors" chart-data="vm.chartData.data" chart-labels="vm.chartData.legends" chart-series="vm.series" chart-options="vm.options" chart-dataset-override="vm.datasetOverride" chart-click="vm.onClick"></canvas>

---

现在，我无法使用的最后一个选项，它更新了一些与实际使用的图表对象无关的不同图表对象。但是

Chart.defaults.global.colors方法有效，请参见更新。
您可以在控制器中指定颜色：

...
$scope.vm.colors = [ '#f7464a', '#949FB1'];
...

稍后在图表中使用：

<canvas id="line" class="chart chart-bar" chart-colors="vm.colors" chart-data="vm.chartData.data" chart-labels="vm.chartData.legends" chart-series="vm.series" chart-options="vm.options" chart-dataset-override="vm.datasetOverride" chart-click="vm.onClick"></canvas>

现在，我无法使用的最后一个选项，它更新了一些与实际使用的图表对象无关的不同图表对象。但是
Chart.defaults.global.colors方法有效，请参见更新。
感谢您的评论，它似乎适用于条形图，但我们可以让用户将其切换为饼图。显示饼图时，颜色是否恢复为默认值？条形图和饼图之间的颜色工作方式是否有差异？我将尝试在控制器中设置颜色，并让您知道这是否有效。全局设置会很好，但目前只要颜色正确呈现，这可能会在以后使用。感谢您的评论，它似乎适用于条形图，但我们可以让用户将其切换为饼图。显示饼图时，颜色是否恢复为默认值？条形图和饼图之间的颜色工作方式是否有差异？我将尝试在控制器中设置颜色，并让您知道这是否有效。全局设置会很好，但就目前而言，只要颜色渲染正确，这可能是以后的事情。