4

私はサンプルjsfiddleを取り、ここでそれを修正して、私が経験したことのサンプルを示しました: http://jsfiddle.net/pMwuv/

私の実際のデータラベルコードは次のようになります。

dataLabels: {
enabled: true,
align: 'left',
verticalAlign: 'top',
style: {
    color: 'black'
},
formatter: function () {
    if (this.x == 19) {
        return this.y + '<br>units left';
    };
}
}

面グラフに表示されているのは、最後のデータ ラベルが切り取られていることです。完全なラベルが表示されるように、コンテナの幅を広げたり、ある種のパディングを追加したりする方法はありますか?

ラベルの x と y の位置を変更するだけでは、面グラフでは機能しません。チャートの最後のポイントのみにデータ ラベルがあり、チャート内ではなく最後のポイントの右側に配置するようにチャートをカスタマイズしています。

しかし、上記のサンプル フィドルを機能させることができれば、同じソリューションが機能するはずです。

4

3 に答える 3

4

次のようにmarginRightを追加できます。chart

chart: {
           renderTo: container,
           width: 550,
           marginRight: 35 
}

jsFiddle .

于 2013-07-25T21:39:29.293 に答える
0

これは直接的な解決策ではありませんが、ラベルを yAxis に配置することをお勧めします。

    yAxis: {
        title: {
            text: 'Units left'
        }
    },

そして、他の属性を削除して、次のものだけを残しますenabled: true:

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true
            }
        }
    },

フィドルを見る

于 2013-07-25T21:34:08.793 に答える
0

SpacingRightを設定して、正しい値を追加できます。

于 2013-07-26T11:00:17.137 に答える