Guest User

Untitled

a guest
Jan 17th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>Bootstrap Example</title>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7. <!-- Arquivo CSS -->
  8. <link rel="stylesheet" type="text/css" href="style.css">
  9.  
  10.  
  11. <!-- Arquivo js externo -->
  12. <script type="text/javascript" src="script.js"></script>
  13.  
  14. <!-- Google Visualization API -->
  15. <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  16.  
  17. <!-- Arquivos Bootstrap -->
  18. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  19. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  20. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  21. </head>
  22. <body>
  23.  
  24. <div id="line_chart"> <!— The chart should appear here!! —> </div>
  25.  
  26. </body>
  27.  
  28. google.charts.load('current', {'packages':['corechart']});
  29. google.charts.setOnLoadCallback(drawChart);
  30.  
  31. function drawChart() {
  32. var data = google.visualization.arrayToDataTable([
  33. ['Year', 'Goiania', 'Jataí', 'Catalão', 'Goiás', 'Total'],
  34. ['2005', 58, 11, 9, 1, 79 ],
  35. ['2006', 63, 15, 14, 1, 93 ],
  36. ['2007', 66, 18, 16, 1, 101 ],
  37. ['2008', 66, 20, 19, 1, 106 ],
  38. ['2009', 81, 21, 24, 3, 129 ],
  39. ['2010', 85, 23, 25, 3, 136 ],
  40. ['2011', 86, 23, 25, 3, 137 ],
  41. ['2012', 86, 24, 25, 3, 138 ],
  42. ['2013', 89, 24, 25, 5, 143 ],
  43. ['2014', 90, 25, 26, 6, 147 ],
  44. ['2015', 90, 25, 26, 7, 148 ]
  45. ]);
  46.  
  47. var options = {
  48. title: 'Testando Gráfico de Anos',
  49. legend: { position: 'bottom' }
  50. };
  51.  
  52. var chart = new google.visualization.LineChart(document.getElementById('line_chart'));
  53.  
  54. chart.draw(data, options);
  55. }
Add Comment
Please, Sign In to add comment