如何解决Echarts2竖直datazoom滑动后显示数据不全的问题

春天来了!你看,融化的冰水把小溪弄醒了。 "丁粳、丁粳 ",它就像大自然的神奇歌手,唱着清脆悦耳的歌,向前奔流……

垂直datazoom拖动后第一个和最后一个往往显示不出来,这可能是echart2的bug。

解决方法:

把dataZoom中的handleSize设置小一些可以了。默认值8,可设为4

补充知识:echarts踩坑,dataZoom和X坐标系文字重叠解决方法

找到echarts中的 grid 配置 :

代码写入bottom属性:

grid:{
  bottom: "70px"
}

完成效果:

以上这篇解决Echarts2竖直datazoom滑动后显示数据不全的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
如何解决echarts中横坐标值显示不全(自动隐藏)问题

如何解决echarts图表如何使用v-show控制图表显示不全的问题

如何解决ElementUI组件中el-upload上传图片不显示问题

element upload 钩子函数的坑及如何解决

Vue打包后页面出现空白如何解决办法