// 讲师授课量TOP5
var names = ["周胜军", "李世民", "李四", "雷逢春", "刘备"];
var nums = [13, 8, 7, 4, 3];
var barChart2 = echarts.init(document.getElementById("skNum"));
var baroption2 = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
legend: {
data: []
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: {
type: 'value',
boundaryGap: [0, 0.01]
},
yAxis: {
type: 'category',
data: names.reverse()
},
series: [{
barWidth: '15',
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: 'right', //在上方显示
textStyle: { //数值样式
color: '#000',
fontSize: 12
}
},
color: function(params) {
return colorList3[params.dataIndex % 2]
}, //改变折线点的颜色
}
},
type: 'bar',
data: nums.reverse()
}]
};
barChart2.setOption(baroption2);
window.onresize = barChart2.resize;
柱状图-横向
最新推荐文章于 2024-05-20 22:14:20 发布