解决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 相关文章推荐
JAVASCRIPT 对象的创建与使用
Mar 09 Javascript
JavaScript 继承的实现
Jul 09 Javascript
js判断当前页面在移动设备还是在PC端中打开
Jan 06 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
Dec 19 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
Bootstrap 响应式实用工具实例详解
Mar 29 Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
浅谈JavaScript中this的指向问题
Jul 28 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
php mysql索引问题
2008/06/07 PHP
php程序效率优化的一些策略小结
2010/07/17 PHP
php中用于检测一个地理IP地址是否可用的代码
2012/02/19 PHP
phpize的深入理解
2013/06/03 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
php给图片添加文字水印方法汇总
2015/08/27 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
jQuery中end()方法用法实例
2015/01/08 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
纯jquery实现模仿淘宝购物车结算
2015/08/20 Javascript
理解javascript异步编程
2016/01/27 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
2017/08/16 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python装饰器基础详解
2016/03/09 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
意大利奢侈品网站:Italist
2016/08/23 全球购物
加拿大城市本地限时优惠:Buytopia.ca
2018/09/19 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
英文求职信结束语大全
2013/10/26 职场文书
服务宗旨标语
2014/07/01 职场文书
就业协议书怎么填
2014/09/15 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
电台广播稿范文
2015/08/19 职场文书
python3使用diagrams绘制架构图的步骤
2021/04/08 Python
青岛市的收音机研制与生产
2022/04/07 无线电
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript