解决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 相关文章推荐
ExtJs 3.1 XmlTreeLoader Example Error
Feb 09 Javascript
一个简单的JavaScript数据缓存系统实现代码
Oct 24 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
jquery提示效果实例分析
Nov 25 Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
Mar 01 Javascript
深入理解AngularJS中的ng-bind-html指令
Mar 27 Javascript
Form表单上传文件(type="file")的使用
Aug 03 Javascript
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 Javascript
Vue组件跨层级获取组件操作
Jul 27 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中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
javascript 简练的几个函数
2009/08/29 Javascript
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
JavaScript function 的 length 属性使用介绍
2014/09/15 Javascript
异步JS框架的作用以及实现方法
2015/10/29 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
解析Vue.js中的组件
2018/02/02 Javascript
nodeJs实现基于连接池连接mysql的方法示例
2018/02/10 NodeJs
setTimeout时间设置为0详细解析
2018/03/13 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
[01:17:55]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/20 DOTA
Python中使用PDB库调试程序
2015/04/05 Python
Python的SQLAlchemy框架使用入门
2015/04/29 Python
十条建议帮你提高Python编程效率
2016/02/16 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
python DataFrame 取差集实例
2019/01/30 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
Python函数生成器原理及使用详解
2020/03/12 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
企业管理专业个人求职信范文
2013/09/24 职场文书
护士自荐信怎么写
2013/10/18 职场文书
监理员的岗位职责
2013/11/13 职场文书
销售顾问的岗位职责
2013/11/13 职场文书
建筑项目策划书
2014/01/13 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
门店业绩提升方案
2014/06/08 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
SpringBoot+VUE实现数据表格的实战
2021/08/02 Java/Android
德劲DE1105机评
2022/04/05 无线电