角度图甜甜圈种类与多个系列

时间:2016-12-26 16:13:21

标签: javascript angularjs charts angular-chart

我使用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 Charts创建这样的东西?

1 个答案:

答案 0 :(得分:1)

You can set through this,

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

DEMO