ハイチャートのデータラベルを新しい位置に変更するにはどうすればよいですか？

Question

どのようにこの画像のような新しい位置にhighchartのdataLabelsを変更するには？ i want to change to this position

感謝！異なる方法で達成することができる

http://jsfiddle.net/ruagiahanoi/6180x5n0/

y: 58, 
     dataLabelss: { x: 0, y: -100 }, 
     color: '#8aea0f', 
     drilldown: { 
      name: 'Firefox versions', 
      categories: ['美元 v31', '澳元 v32'], 
      data: [29,29], 
      color: ['#0078b4', '#035a82'] 

Answer 1

。私が取ったものはfrom this postです。

http://jsfiddle.net/6180x5n0/1/

var positionLabels = function(chart) { 
    var series = chart.series[0], 
     dataLabelsGroup = series.dataLabelsGroup, 
     xVal; 
    Highcharts.each(dataLabelsGroup.element.children, function(d) { 
     xVal = (d.attributes.transform.value).substring((d.attributes.transform.value).indexOf('(') + 1, (d.attributes.transform.value).indexOf(',')); 
     $(d).attr('transform', 'translate(' + xVal + ',135)') 
    }) 
    }; 

この関数は、データラベルのY座標に135pxを付加することに留意されたいです。

は、あなたはそれに応じて、チャートのプロパティを変更する必要があります。別の方法として

 chart: { 
      type: 'pie', 
      events: { 
     load: function() { 
      positionLabels(this) 
     }, 
     redraw: function() { 
      positionLabels(this) 
     } 
     }, 
     }, 

が、あなたは、単にyが0（see fiddle here）にデータ系列ラベルの座標を設定することをお勧めします。さらに読書のために

  dataLabels: { 
       formatter: function() { 
        return this.y > 5 ? this.point.name : null; 
       }, 
       color: '#ffffff', 
       distance: -70, 
       y: 0 
      } 

を、あなたはこのに興味があるかもしれない：これは、再描画すると、チャートをより柔軟になります

Placing labels inside pie chart slices (Highchart)