Accepted answer

Check about innerSize.

"The size of the inner diameter for the pie. A size greater than 0 renders a donut chart. Can be a percentage or pixel value. Percentages are relative to the size of the plot area. Pixel values are given as integers. Defaults to 0." reference

Than you can take a look this example which shows how to put the text inside the donut chart.

Hope it help you.


 function(chart4) {
chart4.renderer.text('<span style="word-wrap: break-word !important;">Reduced by <br/>10 Years</span>', (chart4.chartWidth/2)-38, (chart4.chartHeight/2)-5)

                color: '#4b4b4b',
                fontWeight: 'bold',
                fontSize: '12px'



You might try using title as an alternative and rather simple approach.

            title: {
                text: 'Budget',
                align: 'center',
                verticalAlign: 'middle',
                style: {
                    fontSize: '9.5px'


Related Query

More Query from same tag