How to vary the thickness of doughnut chart, using ChartJs
Click Series Options, and then under Doughnut Hole Size, drag the slider to the size that you want, or type a percentage value between 10 and 90 in the Percentage box.
Go to Insert -> Chart and then choose Doughnut from the list. Now you can customize the chart by adding data in the spreadsheet. If you need to add a new data series with a concentric circle in the chart, you can add a new column to the sample data in the spreadsheet.
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.
It can be used like this
var options = { cutoutPercentage: 40 };
more details here http://www.chartjs.org/docs/#doughnut-pie-chart-chart-options
Update: Since version 3
var options = { cutout: 40 };
According to the documentation at release notes of 3.x
Doughnut
cutoutPercentage
was renamed tocutout
and accepts pixels as numer and percent as string ending with%
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With