解决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 1.5最新版本的改进细节分析
Jan 19 Javascript
打豆豆小游戏 用javascript编写的[打豆豆]小游戏
Jan 08 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
JavaScript Date 知识浅析
Jan 29 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
实例讲解React 组件
Jul 07 Javascript
js实现移动端轮播图滑动切换
Dec 21 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读取文件并可支持远程文件的代码分享
2012/10/03 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
javascript css float属性的特殊写法
2008/11/13 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
浅谈Javascript事件处理程序的几种方式
2012/06/27 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
JavaScript程序开发之JS代码放置的位置
2016/01/15 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
200行自定义python异步非阻塞Web框架
2017/03/15 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
Python3.6使用tesseract-ocr的正确方法
2018/10/17 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
pytorch 预训练层的使用方法
2019/08/20 Python
python中count函数简单的实例讲解
2020/02/06 Python
python实现猜单词游戏
2020/05/22 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
创先争优标语
2014/06/27 职场文书
领导干部个人整改措施落实情况汇报
2014/10/29 职场文书
先进员工事迹材料
2014/12/20 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书