Hello StrawberryHawk, When you see a Google Chart, you can use your browser to "View Source" and see the JavaScript used to create the chart. Here it is. The part you care about begins at <script type="text/javascript"> and ends with the final </script>. Apologies for the cruddy formatting below.
<!DOCTYPE html><html> <head> <title>Google Developers</title> <link rel=" stylesheet" type="text/css" href="/_static/css/screen.css<https://google-developers.appspot.com/_static/css/screen.css>" /> <link rel="stylesheet" href="//www.google.com/cse/style/look/default.css<https://www.google.com/cse/style/look/default.css>" type="text/css" /> <link href=' //fonts.googleapis.com/css?family=Open+Sans:300,400<https://fonts.googleapis.com/css?family=Open+Sans:300,400>' rel='stylesheet' type='text/css'> <script src=" //ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js<https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js> "></script> <script id="jqueryui" src=" //ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js<https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js>" defer async></script> <script src=" //www.google.com/jsapi?key=AIzaSyCZfHRnq7tigC-COeQRmoa9Cxr0vbrK6xw<https://www.google.com/jsapi?key=AIzaSyCZfHRnq7tigC-COeQRmoa9Cxr0vbrK6xw> "></script> <!--[if lt IE 9]> <script src="// html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body class="docs framebox_body"> <div id="continuous_date_chart"> <script type=" text/javascript" src=" https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.0','packages':['corechart']}]} "></script> <script type="text/javascript"> google.setOnLoadCallback(drawContinuousDateChart); function drawContinuousDateChart() { // Create and populate the data table. var data = new google.visualization.DataTable(); data.addColumn('date', 'Date'); data.addColumn('number', 'Mass (gm)'); data.addRows([ [new Date(2008, 0, 1), 1], [new Date(2008, 1, 11), 2], [new Date(2008, 2, 11), 12], [new Date(2008, 5, 15), 30], [new Date(2008, 6, 11), 22], [new Date(2008, 7, 12), 25], [new Date(2008, 8, 24), 22], [new Date(2009, 1, 1), 30]]); var options = { title: 'Total Mass of Bacteria Population in Petri', width: 400, height: 240, legend: 'none', pointSize: 5, hAxis: {title: 'Date', format: 'MMM yy'}, vAxis: {title: 'Mass (gm)'} }; // Create and draw the visualization. var chart= new google.visualization.LineChart(document.getElementById('continuous_date_chart')); chart.draw(data, options); } </script> </div> </body> </html> Cheers, Jon Orwant Google Charts On Sat, Jun 8, 2013 at 11:08 AM, StrawberryHawk <[email protected]> wrote: > Hey everyone, > > could someone show me the full code of this chart (look at the png)? I > don't know how to do this. > > > https://google-developers.appspot.com/chart/interactive/docs/customizing_axes > > -- > You received this message because you are subscribed to the Google Groups > "Google Chart 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-chart-api?hl=en. > For more options, visit https://groups.google.com/groups/opt_out. > > > -- You received this message because you are subscribed to the Google Groups "Google Chart 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-chart-api?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
