配置项如下
app.title = '堆叠条形图';
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器,坐标轴触发有效
type : 'shadow' // 默认为直线,可选为:'line' | 'shadow'
}
},
backgroundColor:'#ffffff',
legend: {
top:25,
data: ['PV', 'UV','参与抽奖人数','带来微信粉丝量']
},
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['带来微信粉丝量','参与抽奖人数','UV','PV']
},
grid:{height:'40%',width:'60%', containLabel: true},
series: [
{
name: '带来微信粉丝量',
type: 'bar',
stack: '参与量',
data: [{value:2008,label:{show:true,position:'right'}},0, 0, 0]
},
{
name: '参与抽奖人数',
type: 'bar',
stack: '参与量',
data: [0,{value:2022,label:{show:true,position:'right'}}, 0, 0]
},
{
name: 'PV',
stack: '参与量',
type: 'bar',
data: [0,0, 0, {value:3285,label:{show:true,position:'right'}}]
},
{
name: 'UV',
stack: '参与量',
type: 'bar',
data: [0,0, {value:2034,label:{show:true,position:'right'}},0 ]
},
]
};