解决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 相关文章推荐
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
JavaScript实现控制打开文件另存为对话框的方法
Apr 17 Javascript
Jquery中基本选择器用法实例详解
May 18 Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 Javascript
jQuery如何防止Ajax重复提交
Oct 14 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
详解如何使用webpack+es6开发angular1.x
Aug 16 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
angularJs利用$scope处理升降序的方法
Oct 08 Javascript
js判断两个数组相等的5种方法
May 06 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
Look And Say 序列php实现代码
2011/05/22 PHP
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
PHP判断变量是否为0的方法
2014/02/08 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
DWR Ext 加载数据
2009/03/22 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
jquery根据name取得select选中的值实例(超简单)
2018/01/25 jQuery
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
vue2.0 可折叠列表 v-for循环展示的实例
2018/09/07 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
Python面向对象之继承原理与用法案例分析
2019/12/31 Python
如何基于Python实现自动扫雷
2020/01/06 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
介绍信样本
2015/01/31 职场文书
第一军规观后感
2015/06/12 职场文书
Python如何加载模型并查看网络
2022/07/15 Python