echarts 数据过多,柱状图产生重合

目录

  • echarts 的问题,只有遇见一个就记录一个
  • 问题描述
  • 最后思来想去,在许多次的试验下,我试着去除series里设置的barWidth,问题成功解决。。。。

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

问题描述

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

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

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

附上效果图:
echarts 数据过多,柱状图产生重合_第5张图片

你可能感兴趣的:(echarts,前端,echarts,前端,javascript)