How to vary the thickness of doughnut chart, using ChartJs.?
-
21-12-2019 - |
Frage
How to vary the thickness of doughnut chart, using ChartJs
Lösung
since version 2 the field has been renamed to cutoutPercentage.
cutoutPercentage
Number 50 - for doughnut, 0 - for pie
The percentage of the chart that is cut out of the middle.
more details here http://www.chartjs.org/docs/#doughnut-pie-chart-chart-options
Andere Tipps
var options = {
cutoutPercentage: 70
};
use, percentageInnerCutout, like:
var options = {
percentageInnerCutout: 40
};
myNewChart = new Chart(ct).Doughnut(data, options);
Demo:: jsFiddle
If you are using chart.js for Angular via ng2-charts you would do something like this in your component.html file:
// component.html file
<canvas baseChart [options]='chartOptions'>
</canvas>
// Do note that other required directives are missing in this example, but that I chose to highlight the 'options' directive
And do something like this in your component.ts file:
//component.ts file
chartOptions = {
cutoutPercentage: 80
};
A helpful source of information: available chart directives and config options for the [options] directive
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow