score:0
This is a tough one. From my experiences, there's not (currently) a way to explicitly center the labels directly in the middle of each pie slice. I've tried positioning the labels as you did in your example with the same (unsatisfactory) results, especially in smaller browser windows.
I'd recommend either using a legend to show the categories/types in your pie or consider using a stacked bar chart instead (see http://www.highcharts.com/demo/bar-stacked).
I hope this is helpful!
Source: stackoverflow.com
Related Query
- how to make highcharts pie datalabels always in center of each slice?
- Highcharts - How do I move an icon inside each pie slice when the pie slice moves on hover?
- Highcharts - How do I position tooltip behind icon on each pie slice on hover?
- Highcharts datalabels are not showing infront of each slice in pie chart
- HighCharts Pie Chart - Add text inside each slice
- How to hide a highcharts pie slice programatically
- How do I make each row in a HTML table a pie chart in Highcharts?
- How to make a pie chart from highcharts responsive
- How to center chart title position dynamically inside pie chart in highcharts
- How to center highcharts pie chart and legend on a page?
- How Can I Hide a Pie Chart's Slice in HighCharts Without Removing It From the Legend?
- highcharts pie dynamic label inside and outside for each slice
- highcharts - how to controle slice pie from bottom
- How to add different click events on each pie of a pie chart created by highcharts usin jquery
- Highcharts how to make a set number of colors for pie chart data and drilldown data
- How to set color of each slice in pie chart in high charts library?
- Highcharts - Pie chart Color for each slice
- How to Make Transparent Border Highcharts pie
- How to make a rendered label in Highcharts always visible and still relative to the point clicked or hovered over
- How to make highcharts tooltip show outside of the pie graph?
- How to change the color of the each slice in piechart based on the backend response using highcharts
- ( Highcharts ) How to make dataLabels disappear if there is, a higher column?
- Make datalabels formatter for pie without slice
- Highcharts Set data label border color for each pie slice
- How to make Highcharts default pie not show when Angular page loading
- How do you change the colour of each category within a highcharts column chart?
- How to make highcharts default to 0 for missing data
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- HighCharts - Make the pie chart 100% of the div
- Place text in center of pie chart - Highcharts
More Query from same tag
- Column Chart Show datalabel for null values - Highcharts
- Gantt Chart Variation with Chart JS or other libraries
- How to truncate value in tooltip using highcharts
- How to remove "Values" and "series" from highcharts?
- Highchart plotband is not rectangular?
- What css styling to achieve to ensure Highchart fits within the outer container and resizes on window resize (i.e. they are responsive)
- Highcharts pointer cursor for chart click event
- Can you show/hide series in sunburst diagrams?
- Data parsing from mysql into highchart with json
- rCharts with Highcharts as shiny application
- Blank Highcharts div fixed by a reboot?
- Like to show all the labels of x axis in highchart
- Highchart.js Custom Y-Axis Ticker
- Javascript - How do I get the first element in an array?
- Highcharts : selection
- Can we draw custom legends not based on series in highcharts
- Resizing Highchart based on window size
- Specific graph in highcharts
- How to add image/icon to a chart in Highcharts
- ReferenceError: HighCharts is not defined
- highcharts json multiple datetime series
- Highcharts - Return string to other container on hover
- How do I change the tool tip color in highchart?
- Pass Json Object from Play! framework to HighCharts JS
- HighCharts - invalid or unexpected token
- Poorly Ordered Data Over Websockets
- Highcharts - change values when checkbox checked
- Render Two charts separate charts using angular js directives
- Zoom function breaks the xAxis labels and creates chart gaps when exiting zoom
- Highcharts: Handling ng-click on tooltips
