highcharts - ハイチャートでデータ ラベルが切り取られないようにする方法

Question

データ ラベルがフォーマッタ関数によって生成される棒グラフがあります。残念ながら、一部のラベルは長すぎて、チャート コンテナーによって切り取られます。ラベルがチャートに収まるようにチャートを調整する方法はありますか。

Answer 1

チャート オプションの右側にパディングを追加して修正しました。

{
  chart: {
    marginRight: 100
  },
  yAxis: {
    title: {
      text: 'some title'
    }
  }
}

Answer 2

トリミング パラメータhttp://api.highcharts.com/highcharts#plotOptions.series.dataLabels.cropも使用できます。

Answer 3

これを解決する 1 つの方法は、マージンを追加することです。チャート オプションで「marginRight: some number 」を使用します

壊れた例 -> Fiddle: http://jsfiddle.net/kZMYd/5/ (6 月は切り捨て)

chart: {
    renderTo: 'container',
    type: 'bar',
},

修正例 -> Fiddle: http://jsfiddle.net/kZMYd/6/

chart: {
    renderTo: 'container',
    type: 'bar',
    marginRight: 40
},

トリミングを false に設定します。true に設定すると、データ ラベルが削除されます。