score:24
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.
score:0
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)
.css({
color: '#4b4b4b',
fontWeight: 'bold',
fontSize: '12px'
})
.add();
}
score:3
You might try using title as an alternative and rather simple approach.
title: {
text: 'Budget',
align: 'center',
verticalAlign: 'middle',
style: {
fontSize: '9.5px'
}
},
JsFiddle: http://jsfiddle.net/amigoo/zwod86e1/
Source: stackoverflow.com
Related Query
- Highcharts donut chart customization
- Highcharts Donut Chart customization
- Highcharts donut chart without inner pie?
- 3 layer donut chart in Highcharts
- Highcharts Donut Chart text in center change on hover
- Highcharts Donut chart is rendered as a Pie chart in IE 8
- Highcharts - Column chart customization
- HighCharts Stock Chart error code 18
- highcharts - donut chart - Labels inside and outside
- highcharts donut chart center text overlaps with tooltip
- jQuery Highcharts double donut chart (donut within donut)
- Highcharts Polar Chart customization
- Highcharts - Is there a chart similar to full donut
- How to make a Highcharts semi-circle donut chart using Hightchart-ng
- HighCharts - Trying to create a 'thin' donut chart
- Highcharts display label for pie chart using html table as data source
- How can I get highcharts Donut chart to auto calculate percentages
- Convert group json for Highcharts Donut chart
- Using hours and minutes as data in highcharts donut chart
- HighCharts donut chart drilldown
- Highcharts datalabel 'callout' shape not working for donut chart
- Recreating a highcharts donut chart in highcharter
- How to draw an outer border for a donut chart - Highcharts
- Highcharts donut chart remove border when at 100%
- highcharts donut pie - How to calculate pie size percentages after resize the chart
- How to remove default Hover text and display the custom text title on hover Donut chart Highcharts
- Highcharts gauge chart customization
- Highcharts cloud issue with data source when duplicating chart
- Highcharts box plot chart customization
- Highcharts line chart doesn't respect legend customization
More Query from same tag
- Alias "ext.highcharts.HighchartsWidget" is invalid error in yii highchart
- Highcharts: X and Y Axis cross at zero in scatter chart
- axis.extremes.userMin & userMax undefined on redraw with multiple charts
- Show Highcharts Pie Slice Name onhover
- HighChart - show tooltips for null on hover
- Highcharts - Exporting gantt charts not showing previous interaction by user
- Multiple highchart with similar structure in R
- Highchart hide a category and rescale is messing
- How to proceed only after all onClick events finished?
- Highcharts - Area Chart - Stacking with series containing negative and positive values
- Highcharts export: runtime rendering doesn't show rendered table
- How do I remove some attributes of an element using selection by querySelectorAll?
- Show tooltip and keep it visible
- R: How to create a Drilldown Highchart using loops
- how do i link my sqlite(PDO) databse data to highcharts code
- HighCharts Linechart MySQL/PHP data for multiple lines
- How do you change the colour of each category within a highcharts column chart?
- Improving rCharts performance when plotting thousands points
- Highmaps won't display my GeoJSON lake layer
- Highcharts pointer cursor for chart click event
- Can a Highcharts Polar chart have a logarithmic y-axis?
- Highchart Pie chat not display Codeigniter
- Reset data in stacked chart in highcharts
- Tree map- colorAxis Behaving Differently
- How to show sum of all visible series' data dynamically
- highcharts: disable hover on column chart when i use two chart togheder
- Dates are overlapped in Highchart's areachart
- how to add copyright symbol in a highcharts title?
- Highcharts How to change align of data labels based on value
- y-axes misaligning in highcharts after zooming in