chart_bar_space.html 617 B

12345678910111213141516171819202122232425262728
  1. <html>
  2. <head>
  3. <link href="../css/c3.css" rel="stylesheet" type="text/css">
  4. </head>
  5. <body>
  6. <div id="chart"></div>
  7. <script src="https://d3js.org/d3.v5.min.js" charset="utf-8"></script>
  8. <script src="../js/c3.js"></script>
  9. <script>
  10. var generate = function () { return c3.generate({
  11. data: {
  12. columns: [
  13. ['data1', 30, 200, 100],
  14. ['data2', 50, 20, 10],
  15. ['data3', 150, 120, 110]
  16. ],
  17. type: 'bar'
  18. },
  19. bar: {
  20. space: 0.25
  21. }
  22. }); }, chart = generate();
  23. </script>
  24. </body>
  25. </html>