charts.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>googlechart</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <script language="javascript" type="text/javascript" src="basic.js"></script>
  8. <link rel="stylesheet" href="basic.css" type="text/css" />
  9. <meta name="Generator" content="Nokia WDE 3.2.0" />
  10. <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  11. <script type="text/javascript">
  12. google.load('visualization', '1');
  13. </script>
  14. <script type="text/javascript">
  15. function drawVisualization() {
  16. // To see the data that this visualization uses, browse to
  17. // https://spreadsheets.google.com/spreadsheet/ccc?key=0At-hMCRMZAaodDE4cWdsdU1OdW9MdnpJYldQOFYwWWc
  18. var wrapper = new google.visualization.ChartWrapper({
  19. dataSourceUrl: 'http://spreadsheets.google.com/spreadsheet/tq?key=0At-hMCRMZAaodDE4cWdsdU1OdW9MdnpJYldQOFYwWWc&range=A1:B11&pub=1',
  20. chartType: 'google.visualization.ImageBarChart',
  21. containerId: 'visualization'
  22. });
  23. wrapper.draw();
  24. }
  25. google.setOnLoadCallback(drawVisualization);
  26. </script>
  27. </head>
  28. <body style="font-family: Arial;border: 0 none;">
  29. <div id="visualization" style="width: 280px; height: 200px;"></div>
  30. <nav class="pagelevel home">
  31. <a href="index.html"><strong> Home</strong></a>
  32. </nav>
  33. Monthly carbon chart<strong> [EXPERIMENTAL]</strong>
  34. </body>
  35. </html>