CODEWITHSUNDEEP
javascriptcssgoogle-visualizationdonut-chart
Mr world wide
Mr world wide

Reputation: 4814

How to customize google chart labels data outside center

Js fiddle: https://jsfiddle.net/rg4zsybf/2/

How can I make the UI look like shown in the below image.

That image

I want the percentages should appear outside of the chart, exactly like how it is present the below image.

I am not that good in google chart customization help is appreciated thanks.

With 

pieSliceText: 'none',
sliceVisibilityThreshold: 0,

I can put outside, but I want something like shown in the image! is it possible?

Upvotes: 0

Views: 528

Answers (1)

cdoshi
cdoshi

Reputation: 2832

Google Pie Chart is not entirely customizable. At least the documentation does not provide that. You can get pretty close to what you want. Use the pieHole parameter to achieve the donut shape.

https://jsfiddle.net/Lwup6x0y/

var options = {
    title: 'Indian Language Use',
    backgroundColor: 'transparent',
    legend: 'none',
    pieHole: 0.9,
    pieSliceText: 'none',
    legend: {
        position: 'labeled'
    }
}

Upvotes: 2

Related Questions