具有多个系列的角图甜甜圈种类

Question

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

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

上面的代码如下图所示：

https://i.stack.imgur.com/A2m2L.png

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

https://i.stack.imgur.com/s6F0R.png

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

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

Answer 1

你可以通过这个设置，

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

DEMO