popcharts.html 998 B

123456789101112131415161718192021222324252627282930
  1. <html>
  2. <head>
  3. <script src="../../js/amber.js" type="text/javascript"></script>
  4. <script type="text/javascript">
  5. loadAmber({
  6. files: ['GoogleCharts.js','GoogleChartsExamples'],
  7. prefix: 'examples/googlecharts/js', // path for js files i think
  8. ready: function() {
  9. $(function() {
  10. smalltalk.PopupChartApp._new(); // Start the smalltalk App
  11. });
  12. }});
  13. </script>
  14. </head>
  15. <body>
  16. <h1>My First Google Chart Project</h1>
  17. <button onclick="smalltalk.Browser._open()">class browser</button>
  18. <button id="popPieChart">pop pie chart</button>
  19. <div id="pie_chart_div"></div>
  20. <button id="popScatterChart">pop scatter chart</button>
  21. <div id="scatter_chart_div"></div>
  22. <button id="popGaugeChart">pop gauge chart</button>
  23. <div id="gauge_chart_div"></div>
  24. <button id="popGeoMarkersChart">pop Geo Markers Chart</button>
  25. <div id="geo_markers_chart_div"></div>
  26. </body>
  27. </html>