2017-11-10 12 views
0

誰が私に教えてくれるのでしょうか?ラベルの位置を補正する方法は、Highcharts極座標の値と角度によって決まりますか? 写真を見てみてください。極座標でのラベルの距離が各角度で等しくない

例1:ここではあなたが見ることができるを、その角度値が下半分に表示されているがうまく配置されていない - ラベルは、外側のグラフの線の円からそんなに距離を持っていません一番上のもののように。

Polar Chart with startAngle = 0

例2:角度は、彼らがあまりにも少し上昇させ、右及び下にラベルに少し移動させるようにラベルが表示される値 - 例と同じ1

Polar Chart with startAngle = 210

私はライブラリハイストックv5.0.12を使用しています。、ここでは私のjsのコードの断片である:

xAxis: { 
    tickInterval: 30, 
    min: 0, 
    max: 360, 
    labels: { 
     formatter: function() { 
      return this.value + '°'; 
     }, 
     style: { 
      "fontSize": "1.1vw", 
     }, 
     distance: 15, 
    } 
}, 

答えて

0

ドキュメント化されたサンプルを使用してソリューションを作成し、既存のコードで更新する。

ソリューションはuseHTMLalignプロパティで更新することである

xAxis: { 
    tickInterval: 30, 
    min: 0, 
    max: 360, 
    labels: { 
     formatter: function() { 
     return this.value + '°'; 
     }, 
     style: { 
     "fontSize": "1.1vw", 
     }, 
     distance: 15, 
     useHTML: true, 
     align: 'center' 
    } 
    }, 

Fiddle

関連する問題