Mr. LaLiberte, you've been a huge help!!! Thank you so much.
On Monday, June 29, 2015 at 12:22:29 PM UTC-4, Daniel LaLiberte wrote: > > I put your code in a jsfiddle and fixed several problems: > http://jsfiddle.net/dlaliberte/smqkmzce/ > Primarily, you were missing the google.load() call and > google.setOnLoadCallback(). > > On Mon, Jun 29, 2015 at 11:52 AM, Eric Taylor <[email protected] > <javascript:>> wrote: > >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> Visit this group at >> http://groups.google.com/group/google-visualization-api. >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> > - 978-394-1058 > [email protected] <javascript:> 5CC, Cambridge MA > [email protected] <javascript:> 9 Juniper Ridge Road, Acton MA > -- 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.
