最近使用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}'
				}
			}
		}, // 在柱状图顶部显示数值,以及数值怎么显示
	}]
};