Pie Chart Options
by cs3vigny
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="pie"></div>
<div id="bar"></div>
<div id="barStacked"></div>
<div id="bubble"></div>
<div id="gauge"></div>
<div id="scatter"></div>
JavaScript
google.load("visualization", "1", {
packages: ["corechart"]
});
google.load('visualization', '1', {
packages: ['gauge']
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Source', 'Operations'],
['Commercial Air Carrier Operations', 947413],
['Total General Aviation Operations', 321741],
['Total Military Operations', 2700]
]);
var dataBubble = google.visualization.arrayToDataTable([
['Source', 'Year', 'Operations'],
['Commercial Air Carrier Operations', 2012, 947413],
['Total General Aviation Operations', 2012, 321741],
['Total Military Operations', 2012, 2700]
]);
var dataStacked = google.visualization.arrayToDataTable([
['Year', 'Commercial Air Carrier Operations', 'Total General Aviation Operations', 'Total Military Operations'],
['2012', 947413, 321741, 2700]
]);
var dataGauge = google.visualization.arrayToDataTable([
['Label', 'Value'],
['Commercial Air Carrier Operations', 90],
['Total General Aviation Operations', 80],
['Total Military Operations', 70]
]);
var dataScatter = google.visualization.arrayToDataTable([
['Year', 'Commercial Air Carrier Operations', 'Total General Aviation Operations', 'Total Military Operations'],
[2012, 947413, null, null],
[2012, null, 321741, null],
[2012, null, null, 2700]
]);
var optionsPie = {
height: 800,
backgroundColor: 'transparent',
chartArea: {
width: "100%"
},
colors: ['#018de4', '#f05a28', '#9dbc45']
};
var optionsBar = {
height: 800,
backgroundColor: 'transparent',
colors: ['#018de4', '#f05a28', '#9dbc45'],
vAxis: {
minValue: -1000
}
};
var optionsBarStacked = {
height: 800,
backgroundColor: 'transparent',
...