vue使用ECharts制作圆角柱状图

先展示圆角柱状图形的效果

图表中加入了右边框，关于右边框的加入，利用的是双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], // 设置柱状图圆角
                            }
                        }
                    }
                ]