Angular Chart Donut Kind 具有多个系列

Question

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

$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

Angular Chart Donut Kind 具有多个系列

Angular Chart Doughnut Kind with multiple series

javascript

charts

angularjs

angular-chart