1

画像1

ここに画像の説明を入力

画像2

ここに画像の説明を入力

ラベルを左に揃えたいのですが、これを行うと、ラベルはImage 2のように他のスタックになります。

私を助けてください

4

3 に答える 3

3

これは固定幅なしで機能します：

.highcharts-axis-labels span {
  left: 0 !important;
}

最大のラベルの幅を使用し、「左」の値を上げることで小さいラベルを一度移動するため、固定を 0 に設定することでそれを防ぐことができます。したがって、幅を固定したり、「左揃え」する必要はありません。

アップデート：

ラベルの "useHTML" 設定を true に設定する必要があります。

xAxis: {
  labels: {
    useHTML: true,
于 2014-01-28T13:29:34.317 に答える
1

また、useHTML を true に設定し、ラベルにフォーマッターを使用してから、CSS スタイルを使用することもできます。

http://api.highcharts.com/highcharts#xAxis.labels.useHTML http://api.highcharts.com/highcharts#xAxis.labels.formatter

編集：

http://jsfiddle.net/2QREQ/3/

xAxis: {

            labels: {
                //align: 'center'
                useHTML:true,
                formatter:function(){

                    return '<div class="label">'+this.value+'</div>';
                }
            }
        },

CSS

.label {
text-align:left;
width:60px;

}

于 2013-03-18T10:51:56.837 に答える
0

緑と青のバーにコンテナのdiv/spanを指定します。次に、ラベルとコンテナの両方に適用しますspan / div a'display：inline-block'css。

そうすることで、バーにラベル用の「スペースを与える」ように強制します。

于 2013-03-18T09:51:14.353 に答える