c3.js 图表上的自定义刻度值

Question

我正在尝试使用 c3.js 制作水平条形图，我想自己输入我使用的轴的名称：

tick: {

                        count: 6,
                        format: function () {
                            var label1 = ["[-25 ans]", "[25-29 ans]","[30-34 ans]", "[25-29 ans]","[30-34 ans]","[35-39 ans]"];
                            for (var i in label1){
                                return (label1[i]);
                            }
                        }
                    }

但结果我只得到所有报价的 [-25 ans]，在 IDE 中它说 "for statement doesn't loop"

我做错了什么吗？我该如何纠正？谢谢

Answer 1

你应该使用axis.x.tick.values

tick: {
  values: ["[-25 ans]", "[25-29 ans]","[30-34 ans]", "[25-29 ans]","[30-34 ans]","[35-39 ans]"]
}

Example

c3.js 图表上的自定义刻度值

Custom tick values on a c3.js chart

javascript

c3.js