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"); 
}