Good Afternoon Everyone,
I currently took on a project to create column charts for my company's
website. I tried updating the data table Google Charts provides but to no
avail.
My task:
Create a column chart that shows funding received each fiscal year (06-16)
in billions. Our current site shows millions, however we want to show
billions. I have tried to manipulate the current source however, I just
get a blank screen. Can anybody help me with the initial shell so I may
enter the information? I can't figure out what I'm missing:
<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript"
src="https://www.google.com/jsapi";></script>
<script type="text/javascript">
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Program Level'],
['2006', 28.560],
['2007', 29179],
['2008', 29607],
['2009', 30545],
['2010', 31238],
['2011', 30916],
['2012', 30861],
['2013', 29151],
['2014', 30151],
['2015', 30310],
['2016*', 31310], ]);
var options = {
colors: ['#5e90f7', '#ba5f6e', '#C47737', '#55E072', '#787191'],
chart: {
title: 'National Institutes of Health',
subtitle: 'Program Level, FY2006-FY2016',
},
hAxis: {
title: 'Fiscal Year',
textStyle: {
fontName:
'lato',
//fontSize:
12,
//color:
'#317eae'
},
titletextStyle: {
fontName:
'lato',
//fontSize:
12,
//color:
'#317eae'
}
},
vAxis: {
format: '$##,### billion',
minValue: 0,
textStyle: {
fontName:
'lato',
//fontSize:
12,
//color:
'#317eae'
}
},
bar: {
groupWidth: "90%"
},
legend: {
position: "none"
}
};
var chart = new google.charts.Bar(
document.getElementById('fundingLevel'));
chart.draw(data, google.charts.Bar.convertOptions(options));
}
</script>
</head>
<body>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
