Проблема с меткой HighChart Data на гистограмме

Question

Я хочу, чтобы метка находилась за пределами стека. Я использовал ниже код, но он не работает каждый раз.

dataLabels: { 
       enabled: true, 
       color: '#333', 
       inside:false 
      }, 

JSFiddle

Answer 1

Здесь вы идете:

dataLabels: { 
      enabled: true, 
      color: '#333', 
      inside: false, 
      crop: false, 
      overflow: "none" 
     }, 

http://jsfiddle.net/kq2xgwhg/

Документально здесь: http://api.highcharts.com/highcharts#plotOptions.series.dataLabels под "перелива".

Answer 2

Существуют различные способы позиционируют свои метки данных, вы можете установить их х & Y позиции, и вы также можете установить позицию для каждой точки данных по отдельности, но, как у вас есть как отрицательные, так и положительные значения, и даже если вы этого не сделаете, это будет довольно головная боль. inside: false, похоже, ничего не делает, но мне удалось найти еще одно упрощенное решение для вас, которое использует свойство rotation свойства метки данных .. установка на «1» принимает метки снаружи.

dataLabels: { 
    rotation: 1, 
    enabled: true, 
    color: '#333', 
}, 

See the DEMO here

Теперь вы можете играть с разными углами и ширины высоты, чтобы увидеть то, что подходит вам лучше всего.