解决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 出生日期和身份证判断大全
Nov 13 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
Aug 12 Javascript
javascript数据类型验证方法
Dec 31 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
原生js编写2048小游戏
Mar 17 Javascript
jQuery扩展_动力节点Java学院整理
Jul 05 jQuery
删除table表格行的实例讲解
Sep 21 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
简单了解JavaScript弹窗实现代码
May 07 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
PHP中的CMS的涵义
2007/03/11 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
php读取csv数据保存到数组的方法
2015/01/03 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
PHP反射API示例分享
2016/10/08 PHP
激活 ActiveX 控件
2006/10/09 Javascript
Web开发之JavaScript
2012/03/29 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
JavaScript表达式:URL 协议介绍
2013/03/10 Javascript
javascript常用代码段搜集
2014/12/04 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
Angular的模块化(代码分享)
2016/12/26 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
webstorm中vue语法的支持详解
2018/05/09 Javascript
Angular服务Request异步请求的实例讲解
2018/08/13 Javascript
vue缓存的keepalive页面刷新数据的方法
2019/04/23 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
python实现word 2007文档转换为pdf文件
2018/03/15 Python
详解python--模拟轮盘抽奖游戏
2019/04/12 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
set在python里的含义和用法
2019/06/24 Python
自定义django admin model表单提交的例子
2019/08/23 Python
python之yield和Generator深入解析
2019/09/18 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
艺术系大学生毕业个人自我评价
2013/09/19 职场文书
大学生思想汇报范文
2013/12/31 职场文书
期末考试动员演讲稿
2014/01/10 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python
使用CSS连接数据库的方式
2022/02/28 HTML / CSS