jquery - Highchart の yAxis ラベルの 'overflow' プロパティがチャートの再描画時に更新されない (凡例項目がクリックまたはトグルされたときに呼び出される)

Question

yAxis: {
            min: 0,
            title: {
                text: 'Population (millions)',
                align: 'high'
            },
            labels: {
                overflow: 'justify'
            }
        },

参考例: http://jsfiddle.net/Yw36U/ .

理想的には、凡例項目のクリック時にチャートが再描画された後、yAxis ラベルを揃える必要があります

Answer 1

useHTML ( http://api.highcharts.com/highcharts#xAxis.labels.useHTML ) を true に設定し、カスタム ラベルの CSS スタイルを定義できます (フォーマッターを使用して定義しますhttp://api.highcharts.com/highcharts# xAxis.labels.formatter )

 labels:{
                useHTML:true,
                width:120,
                formatter:function(){
                    return '<div class="label">' + this.value + '</div>';
                }
            },

例: http://jsfiddle.net/Yw36U/1/