C3图表显示负y标签

Pet*_*ich 1 d3.js c3.js

我正在使用C3图表库,我指定了一个显示货币价值的图表.金钱价值都是>= 0.

现在,如果我的图形值介于15.000和20.000之间,则y轴仅显示粗略的域[13.000 - 22.000].

相反,我希望它展示的那个例子[0 - 22.000].

我的想法是使用axis: { y: { min : 0 }}几乎起作用的财产.现在我的问题是0是x轴上方几个像素,这意味着根据比例我当然得到类似的东西[-2.000 - 22.000].

我可以以某种方式强制完全避免负值吗?

c3.generate({
    ...
    axis : {
        y : {
            tick : {
                format: d3.format("$,")
            },
            min : 0
        },
        ...         
    }
});
Run Code Online (Sandbox Code Playgroud)

Wil*_*y G 5

请尝试以下方法:

c3.generate({
    ...
    axis : {
        y : {
            tick : {
                format: d3.format("$,")
            },
            min : 0,
            padding : {
              bottom : 0
            }
        },
        ...         
    }
});
Run Code Online (Sandbox Code Playgroud)

您可以在此处阅读有关API的更多信息:http: //c3js.org/reference.html

此设置名为padding.bottom.