echarts 柱状图柱状图变圆角

梦想家加一

已于 2023-07-12 16:48:20 修改

阅读量269

点赞数

文章标签： echarts 前端 javascript

于 2023-03-30 15:20:03 首次发布

本文链接：https://blog.csdn.net/weixin_60196946/article/details/129858423

版权

这段代码展示了一种在ECharts中为柱形图设置圆角的方法，特别是如何通过`barBorderRadius`属性控制四个角的圆润程度，例如左上角和右上角设为10，右下角和左下角设为0，创建出特定形状的柱状图。

摘要由CSDN通过智能技术生成

上代码

series: [{
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar',
            itemStyle: {
                normal: {
                    //这里设置柱形图圆角 [左上角，右上角，右下角，左下角]
                    barBorderRadius:[10, 10, 0, 0]
                }
            }
        }]

2021090722161237.png (558×494)