文章目录 效果展示需求实现

效果展示

需求 柱条加边框设置柱条最大最小宽度 实现

borderWidth

borderWidth：设置边框宽度borderColor：设置边框颜色在itemStyle中设置

barMaxWidth

barWidth：设置柱条宽度，可以设置number(20表示20px)，也可以设置百分比，表示占这个类目的宽度比例barMaxWidth：最大柱条宽度barMinWidth：最小柱条宽度

注意！！！当有多个柱条时，即series有多个对象，barWidth仅需在最后一个柱条里面设置，而barMaxWidth和barMinWidth却需要在每一个里面都分别设置才会生效。

series: [{ name: '1', data: [100, 150, 230, 224, 218], type: 'bar', barMaxWidth: 20, // 每一个都要设置 barMinWidth: 5, // 每一个都要设置 itemStyle: { color: 'rgba(100, 219, 155, 0.12)', borderWidth: 1, borderColor: "#64DB9B", }, }, { name: '2', data: [100, 150, 230, 224, 218], type: 'bar', barWidth: '15%', // 仅在最后一个里面设置 barMaxWidth: 20, // 每一个都要设置 barMinWidth: 5, // 每一个都要设置 itemStyle: { color: '#64DB9B', borderWidth: 1, borderColor: "#64DB9B", }, }]

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。