最近使用echarts做一些统计图,界面效果如下:

柱状图配置项如下:
let rightXAxis = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
let rightSeriesData = [5, 8, 9, 9, 8, 5, 7, 8, 5, 8, 6, 9]
option = {
title: {
text: '平均处理时长(小时)',
textStyle: {
color: '#333',
fontSize: 15,
fontWeight: 500,
height: 32,
lineHeight: 32
}
},
color: ['#40A1FF'],
grid: {
left: '0%',
right: '0%',
containLabel: false
},
xAxis: {
type: 'category',
data: rightXAxis
},
yAxis: {
type: 'value',
show: false
},
series: [{
data: rightSeriesData,
type: 'bar',
barWidth: 30, // 柱状宽度
itemStyle: {
normal: {
label: {
show: true,
position: 'top',
formatter: '{c}'
}
}
}, // 在柱状图顶部显示数值,以及数值怎么显示
}]
};