c3.js条形图，样条图表

Question

我不希望这条线和数字0显示在x轴上。任何人都知道如何摆脱它们？在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轴标记。然后，它过滤任何值为零的刻度，并将其删除。