<ve-bar :colors="barColors" height="140px" :extend="barExtend"> </ve-bar>
barColors:['#4ecb73','#f2637b','#fad337'],
barExtend:{
yAxis: {
show:false, // 隐藏坐标轴
},
xAxis:{
show:false, // 隐藏坐标轴
},
series:[
{
name: '2011年',
type: 'bar',
barGap:'90%',
data: [1], // 条形图数据
markPoint: {
symbolSize: 1,
label: {
normal: { // 条形图显示文字内容
formatter: '{c|{c}}',
lineHeight: 20,
position: 'right', // 显示位置
rich: { // 字体样式
c: {
color: '#333',
fontSize: 18,
}
}
}
},
data: [
{name: '人: '},
{type: 'min', name: 'min days: '}
]
}
},
{
name: '2012年',
type: 'bar',
data: [50],
markPoint: {
symbolSize: 1,
label: {
normal: {
formatter: '{c|{c}}',
lineHeight: 20,
position: 'right',
rich: {
c: {
color: '#333',
fontSize: 18
}
}
}
},
data: [
{name: '人: '},
{type: 'min', name: 'min days: '}
]
}
}
],
grid:{ // 设置条形图在画布中的位置
bottom:0,
x2:130,
x:0,
},
legend:{ // 隐藏图例
show:false,
},
},