7๐
โ
I changed a bit your code (I think chart-dataset-options is incorrect) :
<canvas id="doughnut" class="chart chart-doughnut"
chart-colors="preColors"
chart-options="preLegend"
chart-data="preData"
chart-labels="preName"
chart-dataset-override="preOverride">
</canvas>
And The JS:
$scope.preColors = ['#febe05', '#f3f3f3'];
$scope.preData = [343, 78];
$scope.preName = ['a', 'b'];
$scope.preLegend = {
cutoutPercentage: 80, //arc thickness
elements: {
arc: {
borderWidth: 0 // border line
}
}
}
$scope.preOverride = [{}];
Result:
Live demo: SkinnyDoughnout
Source:stackexchange.com