d3.js - 軸の目盛り値を非表示

Question

c3js (バージョン 0.1.42) で軸の目盛り値を非表示にする方法はありますか? グラフの 1 つで、長い目盛り値を持つカテゴリ軸があります。それらを非表示にして、マウスオーバーでのみ表示したい。http://c3js.org/samples/axes_x_tick_culling.htmlに記載されているティック カリング オプション (最大値を 0 に設定) を試しましたが、機能しません。

Answer 1

これを試すことができます：

以下に示すように、tick format() メソッドで空の文字列を返します。

axis : {
    x : {
        type : 'categorized',
        tick: {
            format: function (x) { return ''; }
        }
    }
}

Answer 2

cssを試してみたい

g.tick:hover text {
    fill: #000;
}
g.tick text {
    fill: none;
    pointer-events: all;
}