C3js：如何在y轴上隐藏刻度？ Y轴标签被切断

Question

如何隐藏y轴上的刻度线？

我目前通过编辑tick.format实现它，因为可以在此的jsfiddle http://jsfiddle.net/DanielApt/bq17Lp02/1/

可以看出我不开心与此解决方案，为y轴标签被切断

那么如何在没有切断y轴标签的情况下隐藏刻度？

非常感谢您的帮助！

Answer 1

最后我用Chetan的回答的组合和一些进一步的工作：

我躲在蜱有：

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

我设置刻度格式：

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

请参阅JS JS Fiddle http://jsfiddle.net/DanielApt/etuwo8mz/1/以获取解决方案。

Answer 2

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

Answer 3

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

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