解决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中的细节分析
Jun 30 Javascript
解析John Resig Simple JavaScript Inheritance代码
Dec 03 Javascript
使用JavaScript 编写简单计算器
Nov 24 Javascript
JavaScript中利用各种循环进行遍历的方式总结
Nov 10 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
javascript中的作用域和闭包详解
Jan 13 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
Bootstrap table 定制提示语的加载过程
Feb 20 Javascript
JS实现动态给标签控件添加事件的方法示例
May 13 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
React如何避免重渲染
Apr 10 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/04/09 PHP
PHP自毁程序(慎用)
2015/07/09 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP如何实现跨域
2016/05/30 PHP
php源码的使用方法讲解
2019/09/26 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
js获取单选按钮的数据
2006/11/27 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
Function.prototype.bind用法示例
2013/09/16 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
JS实现移动端按首字母检索城市列表附源码下载
2017/07/05 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
2018/05/22 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
p5.js临摹旋转爱心
2019/10/23 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
jQuery实现全选按钮
2021/01/01 jQuery
[01:10:24]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第一场 2月28日
2021/03/11 DOTA
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
Python中模块string.py详解
2017/03/12 Python
浅析python中while循环和for循环
2019/11/19 Python
Python属性和内建属性实例解析
2020/01/14 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
我们是伦敦女孩:WalG
2018/01/08 全球购物
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
华为慧通笔试题
2016/04/22 面试题
给小学生的新年寄语
2014/04/04 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
2014年平安建设工作总结
2014/11/19 职场文书