Highcharts donut chart customization

highcharts javascript donut-chart
Remo H. Jansen picture Remo H. Jansen · Aug 31, 2012 · Viewed 21k times · Source

I have a license for highcharts and I would like to create a char like the one bellow:

enter image description here

The most similar component on highcharts is the following one:

enter image description here

Does someone know is is posible to replace the PIE inside for just a percent? or some other good client side javascript librarie to do it?

You can find a demo and the API in the following links.

DEMO http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

API http://api.highcharts.com/highcharts#chart

Thanks

Answer

Ricardo Alvaro Lohmann picture Ricardo Alvaro Lohmann · Aug 31, 2012

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.

Related questions

Highcharts donut chart without inner pie?

I've been searching for the solution to generate the simplest donut chart with Highcharts library. However, all examples of Highcharts show the style of chart with both inner pie and outer donut (refer to: http://www.highcharts.com/demo/pie-donut) …

Read More
Gauge chart with steps of colors

How can I achieve this using highcarts? tired using stops:[...] but it will not work as above image. yAxis: { min: 0, max: 100 }, series: [{ name: 'customers', data: [{ color: { // linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0}, stops: [ [0.1, '#009a60'], [0.2, '#4aa84e'], [0.3, '#92b73…

Read More
Removing highcharts.com credits link

I have just purchased highcharts, but the credits link still appears on my graphs which are quite prominent on my site and it distorts the chart view. I assumed I would get an option, so how do I remove it?

Read More