Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 2nd, 2012  |  syntax: HTML  |  size: 1.57 KB  |  views: 288  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  5. <script type="text/javascript">
  6. google.load("visualization", "1", {packages:["corechart"]});
  7. google.setOnLoadCallback(drawChart);
  8. function drawChart() {
  9. var data = new google.visualization.DataTable();
  10. data.addColumn('string', 'Month');
  11. data.addColumn('number','a');
  12. data.addColumn('number','v');
  13. data.addColumn('number','c');
  14. data.addColumn('number','e');
  15. data.addRows(5);
  16. data.setCell(0, 0, 'dfa');
  17. data.setCell(1, 0, 'Sdfa');
  18. data.setCell(2, 0, 'Mdz');
  19. data.setCell(3, 0, 'sd');
  20. data.setCell(4, 0, 'Rsdr');
  21. data.setCell(0, 1,  114);
  22. data.setCell(1, 1,  723);
  23. data.setCell(2, 1, 238);
  24. data.setCell(3, 1,  509);
  25. data.setCell(0, 2,  636);
  26. data.setCell(1, 2,  410);
  27. data.setCell(2, 2,  395);
  28. data.setCell(3, 2,  668);
  29. data.setCell(0, 3,  508);
  30. data.setCell(1, 3, 709);
  31. data.setCell(2, 3,  686);
  32. data.setCell(3, 3, 533);
  33. data.setCell(0, 4, 643);
  34. data.setCell(1, 4, 737);
  35. data.setCell(2, 4,  964);
  36. data.setCell(3, 4,  945);
  37. var chart =   new google.visualization.ColumnChart(document.getElementById('chart_div')).
  38. draw(data,
  39. {title:"Parc localisé par région et par offre",
  40. width:500, height:300,
  41. series: {0:{color: '#CF0980', visibleInLegend: true}, 1:{color: '#999999', visibleInLegend: true}, 2:{color: '#990099', visibleInLegend: true}, 3:{color: '#FF99CC', visibleInLegend: true}},isStacked:"true"});}
  42. </script>  
  43. </head>
  44. <body><div id="chart_div"></div>
  45. </body>
  46. </html>