series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
showBackground: true,
backgroundStyle: {
color: 'rgba(220, 220, 220, 0.8)'
},
itemStyle:{
//方法一
//前四位固定代表了右下左上四个方向 范围从 0 - 1,相当于在图形包围盒中的百分比
//那个值为1就是从哪个方向开始渐变
//数组, 用于配置颜色的渐变过程. 每一项为一个对象, 包含offset和color两个参数. offset的范围是0 ~ 1, 用于表示位置
color:new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
// 折线图颜色初始渐变
offset: 0,
color: '#ffffff'
},
{
// 折线图颜色完成渐变
offset: 1,
color: 'yellow'
}])
//方法二 新的方法
color:{
type:'linear,
x:0,
y:1,
x2:0,
y2,:0,
colorStops:[{
offset: 0,
color: '#ffffff'
},
{
offset: 1,
color: 'yellow'
}
]
}
}
}]
示例图: