c3.js 条形图、样条图

Question

我不希望线和数字 0 出现在 x 轴上。有人知道如何摆脱它们吗？在 html 上我可以找到它们，但它们是在 library(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 轴刻度。然后，它过滤任何值为 0 的刻度，并将其删除。