解决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 拾漏补遗
Dec 27 Javascript
javascript权威指南 学习笔记之null和undefined
Sep 25 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
js原生跨域_用script标签的简单实现
Sep 24 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
微信小程序  Mustache语法详细介绍
Oct 27 Javascript
数组Array的排序sort方法
Feb 17 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
May 10 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
一个查看session内容的函数
2006/10/09 PHP
php调用Google translate_tts api实现代码
2013/08/07 PHP
php stream_get_meta_data返回值
2013/09/29 PHP
PHP5.5和之前的版本empty函数的不同之处
2014/06/13 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
jQuery检测滚动条是否到达底部
2015/12/15 Javascript
JavaScript代码生成PDF文件的方法
2016/02/26 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
vue.js事件处理器是什么
2017/03/20 Javascript
JavaScript-定时器0~9抽奖系统详解(代码)
2017/08/16 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
[57:31]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第一场 2月1日
2021/03/11 DOTA
Python3 socket同步通信简单示例
2017/06/07 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
Python pandas如何向excel添加数据
2020/05/22 Python
完美解决pycharm 不显示代码提示问题
2020/06/02 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
小学教师的个人自我鉴定
2013/10/26 职场文书
入党申请人的自我鉴定
2013/12/01 职场文书
物业保安主管岗位职责
2013/12/25 职场文书
党员干部公开承诺书
2014/03/26 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
社区活动总结
2015/02/04 职场文书
校园安全学习心得体会
2016/01/18 职场文书