Doughnut Kind chart with multiple series

Question

I am using Angular Charts to plot a Doughnut chart; my code is structured as follows:

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

The above code results in something like the following image:

However, what I need is a graph where the colors are shown as follows:

As we can see, the code is assigning one color per series and what I need is a graph with two colors per series.

Does anyone know if it is possible to create something like this using Angular Charts?

Grateful, Arnaut

Answer 1

The solution is in the following code:

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

DEMO

Answered in: https://stackoverflow.com/questions/41333698/angular-chart-doughnut-kind-with-multiple-series