javascript - C3JS でラベルの重複を避けるにはどうすればよいですか

Question

C3JS にグラフがあり、ラベルの重複を避けようとしていました。広範囲のデータがある場合、ラベルは複製されませんが、小さい範囲のデータでは複製されます。この場合、19 ～ 23% の数字のみが表示されるようにするにはどうすればよいですか。

Answer 1

解決策 1:- axis.tick.limit 設定を 4 や 5 などの小さい値に設定して、表示されるティック値の数を減らします。

解決策 2:- axis.tick.format 構成を関数に設定します。この関数は、20.0%、20.5%、21.0%、21.5% などの有理数をパーセンテージで返します。

2番目のソリューションの方が優れています。

追加の y 軸ラベルから、既に format 関数をオーバーライドしているように見えます。小数でパーセンテージが返されることを確認してください。

axis: {
    y2: {
        tick: {
            count:3,  // Limit number of axis ticks (solution 1)
            format: function(d){//logic to return formatted percentages with decimal digit}
        }
    }
}