在条形图之外显示总计数标签,而不是在条形图内部显示它们

问题描述

我有一个堆叠的组条形图,试图显示标签。 这是小提琴。 http://jsfiddle.net/fL9vyc0n/

如您所见,每个条形的计数都显示在条形内部,有没有办法像条形图顶部所示那样在条形外部显示计数。

代码

 chart: {
    type: 'column'
  },title: {
    text: 'Total fruit consumtion,grouped by gender'
  },xAxis: {
    categories: ['Apples','Oranges','Pears','Grapes','Bananas'],labels: {
      y: 40
    }
  },yAxis: {
 
    title: {
      text: 'Number of fruits'
    },stackLabels: {
      enabled: true,verticalAlign: 'bottom',crop: false,overflow: 'none',y: 20,formatter: function() {
        return this.stack;
      },style: {
        fontSize: '9px'
      }
    }
  },legend: {
    labelFormatter: function() {
      return this.name + ' (' + this.userOptions.stack + ')';
    }
  },tooltip: {
    formatter: function() {
      var stackName = this.series.userOptions.stack;

      return '<b>Stack name: </b>' + stackName + '<br/><b>' + this.x + '</b><br/>' +
        this.series.name + ': ' + this.y + '<br/>' +
        'Total: ' + this.point.stackTotal;
    }
  },/*   plotOptions: {
    column: {
      stacking: 'normal'
    }
  },*/
      plotOptions: {
        column: {
      stacking: "normal"
    },series: {
            dataLabels: {
                enabled: true,overflow: "none",formatter: function () {
                    return this.y;
                }
            }
        }
    },series: [{
    name: 'John',data: [5,3,4,7,2],stack: 'male'
  },{
    name: 'Joe',data: [3,2,5],{
    name: 'Jane',data: [2,5,6,1],stack: 'female'
  },{
    name: 'Janet',3],stack: 'female'
  }]

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)