解决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 相关文章推荐
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
Jan 26 Javascript
实例分析js事件循环机制
Dec 13 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
May 03 Javascript
微信小程序实现人脸检测功能
May 25 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
vue实现Toast组件轻提示
Apr 10 Vue.js
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
Uncaught exception com_exception with message Failed to create COM object
2012/01/11 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
PHP输出XML格式数据的方法总结
2017/02/08 PHP
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
九种js弹出对话框的方法总结
2013/03/12 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
javascript实现的闭包简单实例
2015/07/17 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
JS实现的tab页切换效果完整示例
2018/12/18 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
Python 学习笔记
2008/12/27 Python
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
用python找出那些被“标记”的照片
2017/04/20 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
基于Keras的格式化输出Loss实现方式
2020/06/17 Python
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
什么是Remote Module
2016/06/10 面试题
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
2015/10/13 面试题
个人评价范文分享
2014/01/11 职场文书
《理想》教学反思
2014/02/17 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
普宁寺导游词
2015/02/04 职场文书
公司文体活动总结
2015/05/07 职场文书
庆祝教师节主题班会
2015/08/17 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
SQLServer 错误: 15404,无法获取有关 Windows NT 组/用户 WIN-8IVSNAQS8T7\Administrator 的信息
2021/06/30 SQL Server
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis