问题描述
我有一个堆叠的组条形图,试图显示标签。 这是小提琴。 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 (将#修改为@)