javascript - 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 block 可以删除 x 轴上任何值为 0 的刻度。

将其放在代码末尾:

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

它的作用:它选择类 c3-axis-x 中带有类 tick 的所有内容，即 x 轴刻度。然后，它会过滤任何值为 0 的刻度并将其删除。