javascript - 具有多个系列的 Angular 图 donut 类型

Question

我正在使用 Angular 图来绘制圆环图；我的代码结构如下:

$scope.data = [
['abc', 'def'],
['fgh', 'ijk'],
];
$scope.labels = ['Ask', 'Bid'];
$socpe.series = ['Volume Ask', 'Volume Bid'];
$scope.color = ['#66ff33', '#ffff00'];

上面的代码会产生如下图所示的结果:

/image/A2m2L.png

但是，我需要创建一个图表，其中颜色显示如下:

/image/s6F0R.png

我们可以看到，代码为每个系列分配了一种颜色，我需要一个每个系列有两种颜色的图表。

有人知道是否可以使用 Angular 图表创建类似的东西？

Answer 1

你可以通过这个来设置，

  $scope.datasetOverride = [{
      fill: true,
      backgroundColor: [
        "#66ff33",
        "#36A2EB",
        "#FFCE56"
      ]
    }, {
      fill: true,
      backgroundColor: [
        "#ffff00",
        "#46BFBD",
        "#FDB45C"
      ]
    }];

<强> DEMO