I am currently using amchart version 3 to generate a pie chart. It displays the pie charts in center and size is very small. How can i increase it's size?
Here is my code:
AmCharts.makeChart("chartdiv",
{
"type": "pie",
"pathToImages": "classes/amcharts/images/",
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
"titleField": "type",
"valueField": "number",
"fontSize": 14,
"marginLeft": 10,
"marginRight": 10,
"marginBottom": 10,
"marginTop": 10,
"theme": "light",
"allLabels": [],
"balloon": {},
"titles": [
{
"text": "Issue Statistics",
"size": 18
}
],
"dataProvider": [
{
"type": "Open",
"number": op
},
{
"type": "Closed",
"number": cl
},
{
"type": "Deferred",
"number": df
},
{
"type": "Vendor",
"number": ve
},
{
"type": "FAQ",
"number": fq
},
]
}
);
I tried using the marginbottom and other margins attributes as described here:
http://docs.amcharts.com/3/javascriptcharts/AmPieChart
But still it didnt work.
AmCharts. makeChart("chartdiv", { "type": "pie", "radius": 100, "fontSize": 14 } ); Set the "radius" ... in fact, radius is the correct way to increase the circle size, as innerRadius is the correct way to increase or decrease the emtpy space inside the circle.
Pull the whole pie apart To more precisely control the expansion, follow these steps: Right-click the pie chart, then click Format Data Series. Drag the Pie Explosion slider to increase the separation, or enter a number in the percentage box.
To "turn off" an axis, all we need to do is to set is disabled property to true . This will remove axis from display, as well as free up space occupied by it for the chart itself.
AmCharts.makeChart("chartdiv",
{
"type": "pie",
"radius": 100,
"fontSize": 14
}
);
Set the "radius" ...
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With