Javascript C3js：如何隐藏y轴上的记号？Y轴标签被切断

如何隐藏y轴上的刻度

我目前通过编辑

tick.format

来实现它，这可以在这个JSFIDLE中看到

我对这个解决方案不满意，因为y轴标签被切断了

那么，如何在不切断y轴标签的情况下隐藏记号呢

提前感谢您的帮助

1）尝试将axis.y.tick.count设置为1，以便除顶部和最底部外不显示任何刻度

2） 或者尝试CSS以获得除顶部和底部刻度之外的所有中间刻度，如：-

.c3-axis-y .tick {
   display: none;
}

如果轴标签定位存在问题，请尝试将其定位在其他位置，如：-

axis: {
    x: {
        label: {
            text: 'X Label',
            position: 'outer-center'
            // inner-right : default
            // inner-center
            // inner-left
            // outer-right
            // outer-center
            // outer-left
        }
    },

以下是工作代码：-

---

参考Url:

最后，我结合了作者的答案和一些进一步的工作：

我用以下方法隐藏了蜱虫：

.c3-axis-y .tick {
   display: none;
}

我设置了刻度格式：

axis.y.tick.format = function(){return 'fy'; }
//return characters with both ascenders and descenders

---

查看此JS Fiddle以了解正在运行的解决方案。

如果有人仍然需要它，我将其放入onrendered回调以避免影响所有图表：

onrendered: function() {
      d3.select("#myChartContainer").selectAll(".c3-axis-x .tick line").style("display", "none");
}

---

您也可以在以下方法中执行此操作：`onrendered:function（）{d3.selectAll（“.c3-axis.c3-axis-y.tick”）.style（“fill”，“none”）；}`