vue echarts圆角阴影效果

 

 1 series: [
 2                 {
 3                   name: '销量',
 4                   type: 'bar',
 5                   data: [5, 20, 36, 10, 10, 20],
 6                   itemStyle: {
 7                     normal: {
 8                       barBorderRadius: 20,
 9                       color: '#726dd1',
10                       shadowColor: 'rgba(0, 0, 0, 0.4)',
11                       shadowBlur: 20
12                     }
13                   }
14                   //顶部数字展示pzr
15                  /* itemStyle: {
16                     //柱形图圆角，鼠标移上去效果
17                     emphasis: {
18                       barBorderRadius: [10, 10, 10, 10]
19                     },
20 
21                     normal: {
22                       //柱形图圆角，初始化效果
23                       barBorderRadius:[10, 10, 10, 10]
24                     }
25                   },*/
26                 }]

主要是这部分，功能实现了圆角，阴影的效果，

注释的部分也可以实现圆角效果。

 

转载于:https://www.cnblogs.com/xiaomili/p/6557016.html