echarts柱狀圖添加漸變顏色
series: [
{
name: '進入宿舍人數(shù)',
type: 'bar',
barGap: "0%",
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: '#6dcde6' }, //柱圖漸變色
{ offset: 1, color: '#38a0d6' }, //柱圖漸變色
]
)
},
},
barWidth: 20,//柱圖寬度
data: [20, 25, 2, 21, 50, 80, 90, 110, 150, 52, 62, 30],
},
{
name: '出去宿舍人數(shù)',
type: 'bar',
barGap: "0%",
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: '#9837dd' }, //柱圖漸變色
{ offset: 1, color: '#e23af5' }, //柱圖漸變色
]
)
},
},
barWidth: 20,//柱圖寬度
data: [90, 88, 105, 118, 160, 220, 260, 80, 90],
}
]
