使用Echarts横向柱状图时属性设置不生效

使用Echarts横向柱状图时属性设置不生效

最近使用echarts柱状图时想给柱子添加底色一直没有生效,查阅许多文档都只看到了说怎么添加底色,但是没有查到说不生效的原因
1.给柱子添加底色是在series下面设置showBackground为true,然后在backgroundStyle里面设置柱子的相关样式,代码如下:

showBackground: true,
backgroundStyle: {
   color: 'rgba(245, 245, 245,0.8)',
},

2.加上上面代码之后还是没有添加上底色是因为引入的echarts相关文件的版本太低了,echarts4.7版本及以上才支持给柱状图柱子添加底色

总结:实现的时候代码一直没有生效,所以第一反应是以为自己用的方法有问题,后来也查阅了文档发现自己的代码和思路没有写错,又去官方文档里面看了一下使用教程才发现是自己echarts引入的版本太低了,一开始没有注意到这个问题,然后担心会有其他跟我一样的开发人员没有注意到这个问题,所以以此记录,希望能帮到有需要的人

你可能感兴趣的:(js,echarts)