Clever Geek Handbook

How to specify size for google charts?

I'm having trouble resizing a google pie chart that i made. I am trying to make multiple pie charts with the size of each chart in proportion to the total amount of data I am feeding them. I know we can resize the container div of the chart by adding options to the chart like this:

var options = {width: 400, height: 300};

However, I am not interested in resizing div

but in the actual diagram itself.

Can I change the radius of a pie chart?

I searched around and couldn't find anything. Here's a quick overview of what I mean:

Example

As you can see, I would like it to div

stay the same size, but the size of the circle changed depending on what value I feed it.

Any help is appreciated

+5


source to share


2 answers


try option forchartArea

eg.



chartArea: {width: 400, height: 300}

+3


source


Try the example below: http://jsfiddle.net/toddlevy/c59HH/



function initChart() {
var options = {
    legend:'none',
    width: '100%',
    height: '100%',
    pieSliceText: 'percentage',
    colors: ['#0598d8', '#f97263'],
    chartArea: {
        left: "3%",
        top: "3%",
        height: "94%",
        width: "94%"
    }
};
0


source






More articles:


All Articles