You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

42 lines
1.3 KiB

9 years ago
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Highcharts Example</title>
  6. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  7. <style type="text/css">
  8. ${demo.css}
  9. </style>
  10. <script type="text/javascript">
  11. $(function () {
  12. $('#container').highcharts({
  13. chart: {
  14. type: 'bubble',
  15. zoomType: 'xy'
  16. },
  17. title: {
  18. text: 'Highcharts Bubbles'
  19. },
  20. series: [{
  21. data: [[97, 36, 79], [94, 74, 60], [68, 76, 58], [64, 87, 56], [68, 27, 73], [74, 99, 42], [7, 93, 87], [51, 69, 40], [38, 23, 33], [57, 86, 31]]
  22. }, {
  23. data: [[25, 10, 87], [2, 75, 59], [11, 54, 8], [86, 55, 93], [5, 3, 58], [90, 63, 44], [91, 33, 17], [97, 3, 56], [15, 67, 48], [54, 25, 81]]
  24. }, {
  25. data: [[47, 47, 21], [20, 12, 4], [6, 76, 91], [38, 30, 60], [57, 98, 64], [61, 17, 80], [83, 60, 13], [67, 78, 75], [64, 12, 10], [30, 77, 82]]
  26. }]
  27. });
  28. });
  29. </script>
  30. </head>
  31. <body>
  32. <script src="../../js/highcharts.js"></script>
  33. <script src="../../js/highcharts-more.js"></script>
  34. <script src="../../js/modules/exporting.js"></script>
  35. <div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 0 auto"></div>
  36. </body>
  37. </html>