axes_x_tick_fit.html 837 B

1234567891011121314151617181920212223242526272829303132333435
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="../css/c3.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 chart = c3.generate({
  11. data: {
  12. x: 'x',
  13. columns: [
  14. ['x', '2013-10-31', '2013-11-30', '2013-12-31', '2014-01-31', '2014-02-28'],
  15. // ['x', 30, 70, 150, 200, 350],
  16. ['sample', 30, 200, 100, 400, 150],
  17. ['sample2', 130, 300, 200, 500, 250]
  18. ]
  19. },
  20. axis : {
  21. x : {
  22. type : 'timeseries',
  23. tick: {
  24. fit: true
  25. }
  26. }
  27. },
  28. subchart: {
  29. // show: true
  30. }
  31. });
  32. </script>
  33. </body>
  34. </html>