C3图表显示负y标签

Question

我使用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
        },
        ...         
    }
});

Answer 1

尝试以下方法：

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

您可以在此处详细了解API： http://c3js.org/reference.html

此设置名为padding.bottom。