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

Javascript 具有多个系列的角形图甜甜圈类,javascript,angularjs,charts,angular-chart,Javascript,Angularjs,Charts,Angular Chart,我用角度图来画一个油炸圈饼图;我的代码结构如下: $scope.data = [ ['abc', 'def'], ['fgh', 'ijk'], ]; $scope.labels = ['Ask', 'Bid']; $socpe.series = ['Volume Ask', 'Volume Bid']; $scope.color = ['#66ff33', '#ffff00']; 上面的代码产生如下图像: 但是,我需要创建一个图表,其中颜色显示如下: $scope.data = [ ['a

我用角度图来画一个油炸圈饼图;我的代码结构如下:

$scope.data = [
['abc', 'def'],
['fgh', 'ijk'],
];
$scope.labels = ['Ask', 'Bid'];
$socpe.series = ['Volume Ask', 'Volume Bid'];
$scope.color = ['#66ff33', '#ffff00'];
上面的代码产生如下图像:

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

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

我们可以看到,代码是归属于每个系列的颜色,我需要一个图表,每个系列有两种颜色


有人知道是否有可能使用角度图表创建类似的东西吗?

您可以通过此设置

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

请提供更详细的代码示例。如果可能的话-plunker/jsfiddle/…@Sajeetharan您的演示代码不起作用。你能看一下并更新一下吗。谢谢