如何在HighCharts中的每个条上添加标签

Question

我试图在Highcharts的条形图中添加标签。在我的情况下，每个酒吧，你可以在这里看到上面：

$(function() { 
    var chart; 
    $(document).ready(function() { 
    chart = new Highcharts.Chart({ 

     chart: { 
      renderTo: 'container', 
      type: 'column' 
     }, 

     title: { 
      text: 'Indicator per Sex' 
     }, 

     xAxis: { 
      categories: [ 
       'Jan', 
       'Fev', 
       'Mar', 
       'Apr', 
       'May', 
       'Jun', 
       'Jul', 
       'Aug', 
       'Sep', 
       'Oct', 
       'Nov', 
       'Dez' 
      ] 
     }, 

     yAxis: { 
      allowDecimals: false, 
      min: 0, 
      title: { 
       text: 'Consults' 
      } 
     }, 

     tooltip: { 
      formatter: function() { 
       return '<b>'+ this.x +'</b><br/>'+ 
        this.series.name +': '+ this.y +'<br/>'+ 
        'Total: '+ this.point.stackTotal; 
      } 
     }, 

     plotOptions: { 
      column: { 
       stacking: 'normal' 
      } 
     }, 

     series: [ 
     { 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#FF0011', 
     stack: 0 
    }, { 
     data: [30, 176.0, 135.6, 148.5, 216.4, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#3333FF', 
     stack: 0 
    }, { 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#FF0011', 
     stack: 1 
    }, { 
     data: [30, 176.0, 135.6, 148.5, 216.4, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#3333FF', 
     stack: 1 
    }, { 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#FF0011', 
     stack: 2 
    }, { 
     data: [30, 176.0, 135.6, 148.5, 216.4, 29.9, 71.5, 106.4, 129.2, 144.0, 10, 20], 
     color: '#3333FF', 
     stack: 2 
    }] 
    }); 
    }); 
});` 

我试过了，但是当我添加标签出现一个标签每个酒吧。那么，这是怎么回事？！

Answer 1

Highcharts stackLabels将做的工作。 See here

Answer 2

添加到您的系列：

dataLabels: { 
    enabled: true, 
    rotation: 0, 
    color: '#000000', 
    backgroundColor: '#FFFFFF', 
    align: 'center', 
    x: 4, 
    y: 0, 
    style: { 
     fontSize: '10px', 
     fontFamily: 'Verdana, sans-serif' 
    } 

当然

根据需要进行调整.. 你还可以添加formatter添加$符号和逗号为大量，如果你需要它..

编辑：
刚才看到的是柱状图..
你将需要添加到您的剧情选项：

plotOptions: { 
    bar: { 
     dataLabels: { 
      enabled: true 
     } 
    } 
}, 

退房酒吧chart demo以及他们api documentation