UI给了设计图,看了一眼觉得简单,不就是无序列表布局嘛(ul,li),后来才知道那是echarts图,好吧,样式如下:
代码如下:(渐变色没做)
Echarts绘制横向柱状图(圆角+渐变)var myChart = echarts.init(document.getElementById('main'));
//初始化数据
var category = ['小王', '小李', '小赵', '小马', '小刘', '小张', '小齐'];
var barData = [3100, 2142, 1218, 581, 431, 383, 163];
var yMax = 4000;
var dataShadow = [];
for(var i=0; i
dataShadow.push(yMax)
}
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true<