Open fxxqq opened 6 years ago
效果图
var myChart = echarts.init(document.getElementById('main')); //初始化数据 var category = ['小王', '小李', '小赵', '小马', '小刘', '小张', '小齐']; var barData = [3100, 2142, 1218, 581, 431, 383, 163]; var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'value', axisLine: { show: false }, axisTick: { show: false } }, yAxis: { type: 'category', data: category, splitLine: {show: false}, axisLine: { show: false }, axisTick: { show: false }, offset: 10, nameTextStyle: { fontSize: 15 } }, series: [ { name: '数量', type: 'bar', data: barData, barWidth: 14, barGap: 10, smooth: true, label: { normal: { show: true, position: 'right', offset: [5, -2], textStyle: { color: '#F68300', fontSize: 13 } } }, itemStyle: { emphasis: { barBorderRadius: 7 }, normal: { barBorderRadius: 7, color: new echarts.graphic.LinearGradient( 0, 0, 1, 0, [ {offset: 0, color: '#3977E6'}, {offset: 1, color: '#37BBF8'} ] ) } } } ] }; myChart.setOption(option);
效果图