index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="c3.css">
  4. </head>
  5. <body>
  6. <div id="chart"></div>
  7. <script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
  8. <script src="c3.min.js"></script>
  9. <script src="bubble.js"></script>
  10. <script>
  11. var chart = c3.generate({
  12. data: {
  13. type: 'bubble',
  14. pairs: [
  15. { x: 'Name_0', y: 'Name_0', value: 10000 },
  16. { x: 'Name_0', y: 'Name_1', value: 20000 },
  17. { x: 'Name_0', y: 'Name_2', value: 39990 },
  18. // { x: 'Name_1', y: 'Name_0', value: 5000 },
  19. { x: 'Name_1', y: 'Name_1', value: 6000 },
  20. { x: 'Name_1', y: 'Name_2', value: 50000 },
  21. { x: 'Name_2', y: 'Name_0', value: 1000 },
  22. { x: 'Name_2', y: 'Name_1', value: 2000 },
  23. { x: 'Name_2', y: 'Name_2', value: 3000 },
  24. ]
  25. },
  26. grid: {
  27. x: {
  28. show: true
  29. },
  30. y: {
  31. show: true
  32. }
  33. },
  34. });
  35. </script>
  36. </body>
  37. </html>