柱形图 上面显示数组
var datasOption = {
title : {
text:titleText,
subtext: '单',
},
legend: {
data:['订单数','占比']
},
grid: {
left: '1%',
containLabel: true
},
tooltip : {
trigger: 'axis'
},
color : ['#4CD964'],
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: true,
},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
xAxis : [
{
type : 'category',
data : ['微信订单','电脑订单','电话订单'],
axisLabel: {
interval:0,
rotate:30
}
},
],
yAxis : [
{
type : 'value',
axisLabel: {
show: true,
interval: 'auto',
formatter: '{value}'
},
}
],
series : [
{
name:'订单数',
type:'bar',
barWidth: '20%',
data:source,
itemStyle : { normal: ------------------此处为柱子上面显示内容
{label :
{show: true, position: 'top',
textStyle: {
fontWeight:'bolder',
fontSize : '12',
fontFamily : '微软雅黑',
color: '#615a5a',
} },
}
},
},
]
};