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

Question

c3.js 中有没有办法格式化轴以赋予它“不错”的值。 比如 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]; }
}