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

最新推荐文章于 2024-07-30 13:32:04 发布

四月_h

最新推荐文章于 2024-07-30 13:32:04 发布

阅读量3.6k

点赞数 10

本文链接：https://blog.csdn.net/weixin_46389242/article/details/119673656

版权

js echarts

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

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

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

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

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