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


Posted in Javascript onJuly 20, 2020

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

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

解决方法:

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

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

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

找到echarts中的 grid 配置 :

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

代码写入bottom属性:

grid:{
  bottom: "70px"
}

完成效果:

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

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

Javascript 相关文章推荐
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
Dec 08 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
关于Vue的路由权限管理的示例代码
Mar 06 Javascript
通过webpack引入第三方库的方法
Jul 20 Javascript
微信小程序实现图片上传
May 23 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 #Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
Jul 20 #Javascript
如何实现echarts markline标签名显示自己想要的
Jul 20 #Javascript
在Echarts图中给坐标轴加一个标识线markLine
Jul 20 #Javascript
jquery实现简单拖拽效果
Jul 20 #jQuery
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 #Javascript
微信小程序实现时间戳格式转换
Jul 20 #Javascript
You might like
在任意字符集下正常显示网页的方法一
2007/04/01 PHP
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
php中explode与split的区别介绍
2012/10/03 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
如何直接访问php实例对象中的private属性详解
2017/10/12 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
js获得页面的高度和宽度的方法
2014/02/23 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
手机端js和html5刮刮卡效果
2020/09/29 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
[02:16]DOTA2英雄基础教程 干扰者
2014/01/15 DOTA
python端口扫描系统实现方法
2014/11/19 Python
Python中的descriptor描述器简明使用指南
2016/06/02 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
深入理解HTML5定时器requestAnimationFrame的使用
2018/12/12 HTML / CSS
野兽派官方旗舰店:THE BEAST 野兽派
2016/08/05 全球购物
Otticanet澳大利亚:最顶尖的世界名牌眼镜, 能得到打折季的价格
2018/08/23 全球购物
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
经典c++面试题五
2014/12/17 面试题
建筑工程自我鉴定
2013/10/18 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL
Python进程池与进程锁之语法学习
2022/04/11 Python
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis