echarts 的问题,只有遇见一个就记录一个

问题描述

项目使用了echarts图表对数据进行展示,初始测试数据还不多时,图表正常展示,未发现问题
在这里插入图片描述
当项目后期,加入大量测试数据后,展示出现柱形重叠现象
在这里插入图片描述
效果看着不舒服,开始找了下解决方案,先使用了dataZoom组件 用于区域缩放(滑轮滚动),效果如下:
在这里插入图片描述
在这里插入图片描述

但当缩小到最小时,还是存在开始的问题,然后又开始找解决方案。网上说的设置柱状图柱子之间的间距,也不起作用

最后思来想去,在许多次的试验下,我试着去除series里设置的barWidth,问题成功解决。。。。

附上效果图:
在这里插入图片描述

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐