解决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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
MooTools 1.2中的Drag.Move来实现拖放
Sep 15 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
js验证模型自我实现的具体方法
Jun 21 Javascript
jquery禁用右键示例
Apr 28 Javascript
JS解析XML实例分析
Jan 30 Javascript
简介JavaScript中search()方法的使用
Jun 06 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
Apr 29 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
基于vue 实现token验证的实例代码
Dec 14 Javascript
微信小程序scroll-x失效的完美解决方法
Jul 18 Javascript
在vue中阻止浏览器后退的实例
Nov 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
PHP 事务处理数据实现代码
2010/05/13 PHP
php Calender(日历)代码分享
2014/01/03 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
vue input实现点击按钮文字增删功能示例
2019/01/29 Javascript
vue axios封装及API统一管理的方法
2019/04/18 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
2019/05/31 jQuery
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片
2015/02/07 DOTA
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
python提取字典key列表的方法
2015/07/11 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
PyQt5每天必学之拖放事件
2020/08/27 Python
python编程使用协程并发的优缺点
2018/09/20 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
会计求职信
2014/05/29 职场文书
法律专业大学生职业生涯规划书:向目标一步步迈进
2014/09/22 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
2014年科普工作总结
2014/12/06 职场文书