Размещение Datalabel - в противоположность данным диаграммы (положительные и отрицательные значения)

Question

Я создаю гистограмму с положительными и отрицательными значениями и отображаю xAxis (название категории) каждой точки данных (см. Fiddle: http://jsfiddle.net/engemasa/eMjGg/).

Вот что у меня есть варианты сюжета, но я не уверен, что еще мне нужно (Действительно только положить этот код здесь, потому что мне нужно включить код, чтобы связать с jsfiddle)

plotOptions : { 
      series : { 
       dataLabels: { 
        formatter: function() { 
         return this.x 
        }, 
        enabled: true 
       } 
      } 
     }, 

I Я пытаюсь разместить ярлык так, чтобы он выровнялся с началом каждого столбца на диаграмме. I photoshoped мой желаемый результат: http://i.imgur.com/0I1jSHW.png

Любая помощь была бы принята с благодарностью.

Answer 1

Вы можете перебирать на каждом datalabel и использовать перевод () для перемещения элемента SVG.

http://jsfiddle.net/eMjGg/7/

$.each(chart.series[0].data,function(i,data){ 

     position = chart.yAxis[0].toPixels(0); 

     console.log(data); 
     if(data.y < 0) 
      position-=10; 
     else 
      position-=70; 

     data.dataLabel.attr({ 
      x:position 
     }); 
    }); 

Answer 2

Я думаю, что это поможет вам: http://jsfiddle.net/42dRt/5/

Вот подробнее: high-charts datalabel position needs to change when value is too small

Вы должны играть со значением X:

plotOptions : { 
       series : { 
        dataLabels: { 
         formatter: function() { 
          return this.x 
         }, 
         x: ?, 
         enabled: true 
        } 
       } 
      }