ng-chart.js - 第一个数据集总是灰色

Question

我使用 angular-chart.js 并且每当我绘制图表（任何类型，例如条形图或折线图）时，我都会看到第一个数据集的图形颜色为灰色。我确保颜色在绘制之前是随机的...

这里是 controller.js:

.controller('chartController', function($scope){
$scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
$scope.series = ['Series A', 'Series B'];
$scope.data = [
      [65, 59, 80, 81, 56, 51, 40],
      [28, 48, 40, 19, 86, 27, 90]
];

$scope.colours = [{
  fillColor:"rgba(220,220,220,0.4)",
  strokeColor:"rgba(220,220,220,0.2)",
  highlightFill:"rgba(220,220,220,0.5)",
  highlightStroke:"rgba(220,220,220,0.1)"
}];
})

下面是实际输出：

Answer 1

有了这个

$scope.colours = [{
  fillColor:"rgba(220,220,220,0.4)",
  strokeColor:"rgba(220,220,220,0.2)",
  highlightFill:"rgba(220,220,220,0.5)",
  highlightStroke:"rgba(220,220,220,0.1)"
}];

您正在通过 angular-chart 一种配色方案。由于您的图表中有 2 个数据集，angular-chart 将为第一个数据集使用此颜色集（即灰色），对于第二个数据集，它将生成随机颜色。

如果您想为两个数据集随机（每次重绘时随机化）颜色，请执行此操作

$scope.colours = [];

如果您希望两者都使用固定颜色，请向其传递一个包含 2 个颜色集（而不是 1 个）的数组。如果要使用全局默认值，只需将其设置为 null

$scope.colours = null;

ng-chart.js - 第一个数据集总是灰色

ng-chart.js - First data set always has color gray

angularjs

ionic

chart.js