drawManyBar(container, titleName, legendData, xData, seriesDatas) {
const ticket = ((container))
const ticketOption = {
//标题样式
title : {
text : titleName,
textStyle : {
color : 'black',
},
left : 'left'
},
//提示框
tooltip : {
trigger : 'axis',
backgroundColor : 'white',
axisPointer : {
type : 'shadow'
},
},
//菜单
legend : {
//菜单字体样式
textStyle : {
color : 'black'
},
//菜单位置
x : 'center',
//菜单数据
data : legendData
},
xAxis : [ {
type : 'category',
axisLine : {
show : true,
//x轴线样式
lineStyle : {
color : '#17273B',
width : 1,
type : 'solid',
}
},
//x轴字体设置
axisLabel : {
show : true,
fontSize : 12,
color : 'black'
},
data : xData
} ],
yAxis : [ {
type : 'value',
//y轴字体设置
axisLabel : {
show : true,
color : 'black',
fontSize : 12,
},
//y轴线设置不显示
axisLine : {
show : true
},
//与x轴平行的线样式
splitLine : {
show : true,
lineStyle : {
color : '#bbb',
width : 1,
type : 'dashd',
}
}
} ],
series : [ {
name : '工单总量',
type : 'bar',
//柱子宽度
barWidth : 20,
//柱状图样式
itemStyle : {
},
data : seriesDatas[0]
}, {
name : '未处理',
type : 'bar',
barWidth : 20,
itemStyle : {
// barBorderRadius : [ 30, 30, 0, 0 ]
},
data : seriesDatas[1]
}, {
name : '处理中',
type : 'bar',
barWidth : 20,
itemStyle : {
// barBorderRadius : [ 30, 30, 0, 0 ]
},
data : seriesDatas[2]
}, {
name : '已关闭',
type : 'bar',
barWidth : 20,
itemStyle : {
// barBorderRadius : [ 30, 30, 0, 0 ]
},
data : seriesDatas[3]
},]
}
(ticketOption)
}