c3.js 条形图、样条图

Question

我不想在 x 上显示直线和数字 0 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();

它的作用：它选择在 class c3-axis-x 内带有 class tick 的所有内容，这是 x 轴刻度。然后，它过滤任何值为零的刻度并将其删除。

c3.js 条形图、样条图

c3.js bar, spline charts

javascript

d3.js

c3.js