score:1
You need to adjust the distance
property of the datalabels
options, however in 3d mode this isn't always successful as demonstrated here: http://jsfiddle.net/robschmuecker/69Mxj/
But if you sacrifice the 3D angle you can get them in the middle : http://jsfiddle.net/robschmuecker/99SFQ/ (without any 3d options)
http://jsfiddle.net/robschmuecker/69Mxj/1/ (with 3d alpha:10
)
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
distance: -30,
enabled: true,
format: '{point.name}'
}
}
},
score:1
Indeed it looks like a bug with the distance parameter, so I reported it to our developers here
Source: stackoverflow.com
Related Articles
- Having issues to make the data value in centre in pie chat using high charts
- Using global data in High Charts point click custom function in R Shiny
- Highcharts: rapid, real-time data updates in high volume line charts using boost
- HTML table as data source for highstock charts using highcharts
- Issues plotting two lines with JSON data on high chart using Angular JS - name undefined
- How could we plot graphical representation using High Charts where one x-axis value have multiple y-axis value
- Customizing charts in high charts using data from csv
- Displaying ajax data in a graphical representation using high charts
- Graphical representation of HTML table data using High charts
- World map paths data in react high charts
- How to make stacked column graph to show total data value on top
- change legend color high charts based on data
- How to set the x value for High Charts error bar
- Resize High Charts based on grid layout width and height using react
- Using Highcharts display donut hightchart having dynamic data
- Use of DotNet HighCharts dll to make charts in code behind
- Nested table yields unexpected columns for a basic column graph using high charts with 'Data defined in a HTML table'
- Change color code on colum, depending on data value (highchartJS)
- How to make two charts using highchart show up in the same line side by side using div
- How to make multiple charts using highcharts in a loop?
- show only one series data in High charts in start of drawing/load
- Displaying dynamic data using charts and graphs in ruby on rails
- How to display total of extra data in stacked column high charts
- How can I automate high charts and graphs using selenium webdriver?
- High chart data downloads but does not display in browser using node
- How can I put custom color in High Charts PIE data | Slice and want to change slice text
- How to change tool tip using High Charts
- Drawing a small vertical line on top of chart using High charts by specifying end coordinates
- Highcharts display label for pie chart using html table as data source
- Adding multiple series to the spline chart using dotnet high charts in asp.net mvc3
- Highcharts doesn't display all categories
- Highcharts grouped columns of varying widths that fill the entire space automatically
- Connecting two points in a graph
- Highchat yaxis offset property moves grid lines as well
- Multiple plotLines using options in HighCharts
- HighChart graphics with node js and react js
- onclick on spiderweb chart open new one for details
- Highcharts toggle between multiple datasets
- Highcharts: set only last chunk of line as a dotted zone
- plotBands Hide and Show parameters do not work in Highcharts
- Workers for phantomJs fail to start in a Docker container
- Highmaps shared tooltip for overlapping locations
- Highcharts - add minor ticks on zoom?
- How do you change the colour of each category within a highcharts column chart?
- JQuery-UI Slider Auto Increments But Does Not Fire Slide Event
- how can i add popup to flags in highchart?
- Highstocks - Place a line between columns when using datetime axis
- Highchart Persist bar widh for null data
- resizing multiple highcharts in a table
- Highstock padding/margin with range selector