axes_log_scales.html 857 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="../css/c3.css">
  4. </head>
  5. <body>
  6. <div id="chart1"></div>
  7. <script src="http://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. bindto: '#chart1',
  12. data: {
  13. type: 'bar',
  14. columns: [
  15. ['linear', 318, 37, 0, 4, 0, 1],
  16. ['log', 318, 37, 0, 4, 0, 1]
  17. ],
  18. axes: {
  19. log: 'y2'
  20. },
  21. labels: true
  22. },
  23. axis: {
  24. y2: {
  25. show: true,
  26. tick: {
  27. format: function(v) {
  28. return Math.ceil(v);
  29. }
  30. },
  31. type: 'log'
  32. }
  33. },
  34. });
  35. </script>
  36. </body>
  37. </html>