解决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 相关文章推荐
做网页的一些技巧(续)
Feb 01 Javascript
Prototype RegExp对象 学习
Jul 19 Javascript
半角全角相互转换的js函数
Oct 16 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
Dec 10 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
vue实现列表拖拽排序的功能
Nov 02 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 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
PHP个人网站架设连环讲(二)
2006/10/09 PHP
PHP中static关键字原理的学习研究分析
2011/07/18 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
JavaScript 调试器简介
2009/02/21 Javascript
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
jquery里的each使用方法详解
2010/12/22 Javascript
javascript中clipboardData对象用法详解
2015/05/13 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
微信小程序 网络API Websocket详解
2016/11/09 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
基于vue开发微信小程序mpvue-docs跳转页面功能
2019/04/10 Javascript
JS实现在线ps功能详解
2019/07/31 Javascript
vue之延时刷新实例
2019/11/14 Javascript
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
Python 正则表达式入门(初级篇)
2016/12/07 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
用Django写天气预报查询网站
2018/10/21 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
python实现美团订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
50道外企软件测试面试题
2014/08/18 面试题
Python中pass语句的作用是什么
2016/06/01 面试题
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
实习生自荐信范文
2013/11/13 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
好好学习保证书
2015/02/26 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
2021/04/17 Vue.js
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers