【问题标题】:How to format the values of c3.js y-axis?如何格式化 c3.js y 轴的值?
【发布时间】:2025-12-15 02:50:02
【问题描述】:

c3.js 中有没有一种方法可以格式化轴以赋予它“不错”的值。比如X轴从0开始,经过500递增到最大值2000?

【问题讨论】:

    标签: javascript d3.js c3.js


    【解决方案1】:

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

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

    【讨论】:

    • 如何以编程方式添加刻度值?我试过chart.internal.config.axis_x_tick_values = typeNames;,其中typeNamesstring 的数组,但它只显示第一种类型
    【解决方案2】:

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

    ....

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

    【讨论】:

    • 请在您的答案中添加一些解释,以便其他人可以从中学习