修改柱状图柱子背景色渐变和圆角,可通过修改series.itemStyle.normal.barBorderRadius属性实现圆角设置,series.itemStyle.normal.color:new echarts.graphic.LinearGradient()来设置渐变色柱子。
效果图:
代码如下:
series: [{
data: data,
type: 'bar',
barWidth: '40%',
itemStyle: {
normal: {
//这里设置柱形图圆角 [左上角,右上角,右下角,左下角]
barBorderRadius:[5, 5, 0, 0],
color: new echarts.graphic.LinearGradient(
0, 1, 0, 0, [{//只要修改前四个参数就ok
offset: 0,
color: '#c6e6ca'
}, //柱图渐变色
{
offset: 1,
color: '#45ac53'
}
]
),
},
},
}]