先展示圆角柱状图形的效果
在这里插入图片描述
图表中加入了右边框,关于右边框的加入,利用的是双Y轴实现的,想了解的可以看上一篇博客的代码进行操作,本篇讲述柱状图的圆角设置。
主要是修改series中的配置,利用barBorderRadius属性进行圆角设置

series : [
                    {
                        name:'使用时长',
                        type:'bar',
                        barWidth: '14px',
                        data:[140, 180, 250, 130, 220, 80, 220, 140, 240, 110],
                        itemStyle: {
                            normal: {
                                barBorderRadius:[10, 10, 0, 0], // 设置柱状图圆角
                            }
                        }
                    }
                ]
Logo

前往低代码交流专区

更多推荐