Echarts 柱状图修改柱子颜色渐变，柱子圆角
凉豆菌 2024-10-08 10:33:01 阅读 65
修改柱状图柱子背景色渐变和圆角，可通过修改series.itemStyle.normal.barBorderRadius属性实现圆角设置，series.itemStyle.normal.color:new echarts.graphic.LinearGradient()来设置渐变色柱子。
效果图：
代码如下：
<code>
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'
}
]
),
},
},
}]
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。