Отображение двух меток для каждого бара в высоких диаграммах (один внутри и снаружи)

Question

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

Вместо этого я получаю как этот

приведен фрагмент кода, который я использую, чтобы показать метки является

plotOptions: { 

          column: { 
           dataLabels: { 
            enabled: true, 
            color: "black", 
            style: { 
             textOutline: false 
            } 
           } 
          } 
         } 

, как я могу показать эти процентное значение на прутья? Заранее спасибо.

Answer 1

Для размещения метки в процентах внутри конкретной колонки вы должны указать dataLabels внутри этой серии, для остальной части колонки используйте общий dataLabels, как определено вами в plotOptions. Ниже код для идеи только Fiddle link

var data = [7, 12, 16, 32]; 
var dataSum = 0; 
for (var i = 0; i < data.length; i++) { 
    dataSum += data[i] 
} 
var data2 = [5, 19, 14, 13]; 

Highcharts.chart('container', { 
    chart: { 
    type: 'column' 
    }, 
    title: { 
    text: '' 
    }, 
    xAxis: { 
    type: 'category', 
    }, 
    yAxis: { 
    min: 0, 
    }, 
    legend: { 
    enabled: false 
    }, 
    plotOptions: { 

    column: { 
     dataLabels: { 
     enabled: true, 
     color: "black", 
     style: { 
      textOutline: false 
     } 
     } 
    } 
    }, 
    series: [{ 
    name: 'first', 
    data: data, 
    dataLabels: { 
     y: 20, /*for placeing lables values inside column*/ 
     enabled: true, 
     formatter: function() { 
     var pcnt = (this.y/dataSum) * 100; 
     return Highcharts.numberFormat(this.y , 0) +'<br>'+Highcharts.numberFormat(pcnt) + '%'; 
     } 
    } 
    }, { 
    name: 'Second', 
    data: data2, 
    }] 
});