解决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的一种模块模式
Sep 08 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
Apr 12 Javascript
jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
Jun 08 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
Nov 20 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
原生js实现密码强度验证功能
Mar 18 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 获取完整url地址
2008/12/20 PHP
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
PHP使用函数用法详解
2018/09/30 PHP
JavaScript延迟加载
2021/03/09 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
使用Java实现简单的server/client回显功能的方法介绍
2013/05/03 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
node app 打包工具pkg的具体使用
2019/01/17 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
[54:02]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 IG vs VGJ.T
2018/04/03 DOTA
Python在groupby分组后提取指定位置记录方法
2018/04/20 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
django使用LDAP验证的方法示例
2018/12/10 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
PyTorch中的C++扩展实现
2020/04/02 Python
视光学专业自荐信
2014/06/24 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
民事诉讼答辩状范文
2015/05/21 职场文书
导游词之泰山玉皇顶
2019/12/23 职场文书
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript