如何格式化 c3.js y 轴的值？

Question

c3.js 中是否有一种方法可以格式化轴以赋予它 'nice' 值。例如 X 轴从 0 开始，以 500 递增到最大值 2000?

Answer 1

您可以使用 axis.x.tick.values (http://c3js.org/reference.html#axis-x-tick-values)

...
axis: {
  x: {
    tick: {
      values: [0, 500, 1500, 2000]
    }
  }
}
...

Answer 2

let categories = ['none', 'small', 'medium', 'large', 'huge'];

....

tick: {
   values: [0, 500, 1000, 1500, 2000],
   format: function (d) { return categories[d/500]; }
}