c3.js条，样条图

Question

我不想让线和数字0出现在x axis.Anyone上，知道如何去掉它们吗？在html上，我可以找到它们，但它们是在库(c3.js)中定义的。

<g class="tick" transform="translate(207, 0)" style="opacity: 1;">
    <line y2="6" x1="0" x2="0"></line>
    <text y="9" x="0" transform="" style="text-anchor: middle; display: block;">
        <tspan x="0" dy=".71em" dx="0">0</tspan>
    </text>
</g>

我添加这张图片是为了显示我不想显示的内容：

​

Answer 1

我自己也不是c3用户。然而，c3是使用d3构建的.因此，一个简单的d3块可以从x轴上删除值为0的任何刻度。

将其放在代码的末尾：

d3.selectAll(".c3-axis-x .tick").filter(function(d) {
    return d === 0;
}).remove();

它所做的:它选择在类tick中包含类c3-axis-x的所有东西，这是x轴的标记。然后，它过滤值为零的任何滴答，并将其移除。