javascript - C3js:y軸の目盛りを非表示にする方法は? Y軸のラベルが切れています

Question

y軸の目盛りを非表示にするにはどうすればよいですか?

このJSFiddle http://jsfiddle.net/DanielApt/bq17Lp02/1/tick.formatに見られるように、私は現在、編集によってそれを達成しています

y軸ラベルが切り取られているため、このソリューションには満足していません

では、y 軸のラベルを切り取らずに目盛りを非表示にするにはどうすればよいでしょうか?

事前に助けてくれてありがとう！

Answer 1

誰かがまだそれを必要としている場合に備えて、onrendered コールバックに入れ、すべてのチャートに影響を与えないようにします。

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

Answer 2

In the end I used a combination of Chetan's answer and some further work:

I hid the ticks with:

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

And I set the tick format:

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

See this JS Fiddle http://jsfiddle.net/DanielApt/etuwo8mz/1/ for the solution in action.