在高圖中爲每個酒吧顯示兩個標籤（一個在裏面，一個在外面）

Question

我想在酒吧上顯示兩個標籤。我現在能夠顯示一個標籤。我想要這樣的東西。

相反，我越來越喜歡它，我使用展示標籤這種

的代碼片段是

plotOptions: { 

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

我怎麼能顯示出對酒吧這些百分比值？提前致謝。

Answer 1

對於在特定列內放置具有百分比的標籤，您應在該系列中給出dataLabels，其餘列使用在plotOptions中定義的常見dataLabels。以下代碼僅供參考：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, 
    }] 
});