javascript - C3js : How to hide ticks on y-axis? Y-Axis 标签被 chop

如何隐藏 y 轴上的刻度？
我目前通过编辑 tick.format 来实现它，可以在这个 JSFiddle http://jsfiddle.net/DanielApt/bq17Lp02/1/ 中看到
我对这个解决方案不满意，因为 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
        }
    },

这是工作代码:-
http://jsfiddle.net/chetanbh/24jkmvL5/

引用网址:http://c3js.org/samples/axes_label_position.html

关于javascript - C3js : How to hide ticks on y-axis? Y-Axis 标签被 chop ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27294144/