series: [{
name: '完成培训',
data: [120, 200, 150, 80, 70, 110, 130, 110, 130, 180, 230, 60],
type: 'bar',
barWidth: 24,
label:{
color:'#999999',
},
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#2B71D9'},
{offset: 1, color: '#3CDAF2'}
]
)
}
},
},{
name: '合格人数',
data: [100, 160, 120, 180, 170, 80, 150, 90, 100, 110, 240, 70],
type: 'bar',
barWidth: 24,
label:{
color:'#999999',
echarts bar 换色渐变
最新推荐文章于 2024-08-08 13:18:39 发布
本文介绍如何使用Echarts库创建带有颜色渐变的柱状图。通过设置`itemStyle.normal.color`为`LinearGradient`对象,可以实现从一种颜色渐变到另一种颜色的效果。例如,'完成培训'系列的柱子从`#2B71D9`渐变到`#3CDAF2`,而'合格人数'系列的柱子则从`#FB5D54`渐变到`#FCB62C`。
摘要由CSDN通过智能技术生成