dataZoom=[ //区域缩放
{
id: 'dataZoomX',
show:true, //是否显示 组件。如果设置为 false,不会显示,但是数据过滤的功能还存在。
backgroundColor:"rgba(47,69,84,0)", //组件的背景颜色
type: 'slider', //slider表示有滑动块的,inside表示内置的
dataBackground:{ //数据阴影的样式。
lineStyle:mylineStyle, //阴影的线条样式
areaStyle:myareaStyle, //阴影的填充样式
},
fillerColor:"rgba(167,183,204,0.4)", //选中范围的填充颜色。
borderColor:"#ddd", //边框颜色。
filterMode: 'filter', //'filter':当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只要有一个维度在数据窗口外,整个数据项就会被过滤掉。
//'weakFilter':当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只有当全部维度都在数据窗口同侧外部,整个数据项才会被过滤掉。
//'empty':当前数据窗口外的数据,被 设置为空。即 不会 影响其他轴的数据范围。
//'none': 不过滤数据,只改变数轴范围。
xAxisIndex:0, //设置 dataZoom-inside 组件控制的 x轴,可以用数组表示多个轴
yAxisIndex:[0,2], //设置 dataZoom-inside 组件控制的 y轴,可以用数组表示多个轴
radiusAxisIndex:3, //设置 dataZoom-inside 组件控制的 radius 轴,可以用数组表示多个轴
angleAxisIndex:[0,2], //设置 dataZoom-inside 组件控制的 angle 轴,可以用数组表示多个轴
start: 30, //数据窗口范围的起始百分比,表示30%
end: 70, //数据窗口范围的结束百分比,表示70%
startValue:10, //数据窗口范围的起始数值
endValue:100, //数据窗口范围的结束数值。
orient:"horizontal", //布局方式是横还是竖。不仅是布局方式,对于直角坐标系而言,也决定了,缺省情况控制横向数轴还是纵向数轴。'horizontal':水平。'vertical':竖直。
zoomLock:false, //是否锁定选择区域(或叫做数据窗口)的大小。如果设置为 true 则锁定选择区域的大小,也就是说,只能平移,不能缩放。
throttle:100, //设置触发视图刷新的频率。单位为毫秒(ms)。
zoomOnMouseWheel:true, //如何触发缩放。可选值为:true:表示不按任何功能键,鼠标滚轮能触发缩放。false:表示鼠标滚轮不能触发缩放。'shift':表示按住 shift 和鼠标滚轮能触发缩放。'ctrl':表示按住 ctrl 和鼠标滚轮能触发缩放。'alt':表示按住 alt 和鼠标滚轮能触发缩放。
moveOnMouseMove:true, //如何触发数据窗口平移。true:表示不按任何功能键,鼠标移动能触发数据窗口平移。false:表示鼠标滚轮不能触发缩放。'shift':表示按住 shift 和鼠标移动能触发数据窗口平移。'ctrl':表示按住 ctrl 和鼠标移动能触发数据窗口平移。'alt':表示按住 alt 和鼠标移动能触发数据窗口平移。
left:"center", //组件离容器左侧的距离,'left', 'center', 'right','20%'
top:"top", //组件离容器上侧的距离,'top', 'middle', 'bottom','20%'
right:"auto", //组件离容器右侧的距离,'20%'
bottom:"auto", //组件离容器下侧的距离,'20%'

},
{
id: 'dataZoomY',
type: 'inside',
filterMode: 'empty',
disabled:false, //是否停止组件的功能。
xAxisIndex:0, //设置 dataZoom-inside 组件控制的 x轴,可以用数组表示多个轴
yAxisIndex:[0,2], //设置 dataZoom-inside 组件控制的 y轴,可以用数组表示多个轴
radiusAxisIndex:3, //设置 dataZoom-inside 组件控制的 radius 轴,可以用数组表示多个轴
angleAxisIndex:[0,2], //设置 dataZoom-inside 组件控制的 angle 轴,可以用数组表示多个轴
start: 30, //数据窗口范围的起始百分比,表示30%
end: 70, //数据窗口范围的结束百分比,表示70%
startValue:10, //数据窗口范围的起始数值
endValue:100, //数据窗口范围的结束数值。
orient:"horizontal", //布局方式是横还是竖。不仅是布局方式,对于直角坐标系而言,也决定了,缺省情况控制横向数轴还是纵向数轴。'horizontal':水平。'vertical':竖直。
zoomLock:false, //是否锁定选择区域(或叫做数据窗口)的大小。如果设置为 true 则锁定选择区域的大小,也就是说,只能平移,不能缩放。
throttle:100, //设置触发视图刷新的频率。单位为毫秒(ms)。
zoomOnMouseWheel:true, //如何触发缩放。可选值为:true:表示不按任何功能键,鼠标滚轮能触发缩放。false:表示鼠标滚轮不能触发缩放。'shift':表示按住 shift 和鼠标滚轮能触发缩放。'ctrl':表示按住 ctrl 和鼠标滚轮能触发缩放。'alt':表示按住 alt 和鼠标滚轮能触发缩放。
moveOnMouseMove:true, //如何触发数据窗口平移。true:表示不按任何功能键,鼠标移动能触发数据窗口平移。false:表示鼠标滚轮不能触发缩放。'shift':表示按住 shift 和鼠标移动能触发数据窗口平移。'ctrl':表示按住 ctrl 和鼠标移动能触发数据窗口平移。'alt':表示按住 alt 和鼠标移动能触发数据窗口平移。
}
]

转载于:https://www.cnblogs.com/telwanggs/p/9708514.html

echarts中datazoom相关配置相关推荐

  1. Echarts y轴相关配置

    目录 1 简介 2 y轴配置 2.1 y轴主要属性 2.2 y轴刻度设置 3.总结 1 简介   本篇介绍我们在使用Echarts画图时常用的一些y轴坐标设置,如y轴位置,y轴偏移量.y轴刻度.y轴最 ...

  2. rviz中的相关配置

    深蓝学院路径规划课程中第一课作业提到路径规划相关配置,在这里做一个简要记录,后面还会继续补充: 1.工具栏中的加减符号可用于3D点等的添加和删除 2.file->openconfig可打开相关配 ...

  3. [RK3399][Android7.1] 调试笔记 --- DDR中clock相关配置

    OS: Android 7.1 Board: Firefly-RK3399 Kernel: v4.4.55 把这个拎出来说是因为在调试ddr default rate的时候对这部分有些误区. dmc中 ...

  4. iar c语言指令,IAR中工程相关配置及c语言易忘知识点

    使用K60单片机时,往往使用IAR的比较多.但是我之前一直使用KEIL来进行stm32的开发,所以就有一种先入为主的观念,总觉得KEIL比IAR要好一些.随着和IAR打交道越来越多,渐渐地发现IAR也 ...

  5. Xadmin在Django中的相关配置

    XAdmin(djanngo第三方扩展) 优点:使用站点管理更方便,样式更美观 开发者:中国人.版本不太稳定,需要维护 1.安装 pip install https://github.com/sshw ...

  6. PP物料主数据中MRP相关配置字段理解

    1.MRP1视图 MRP类型:确定物料是否参与MRP运行 MRP控制者:负责物料的物料计划的采购员或计划员.. 装配报废(%):若物料是一个装配品,则出现在物料生产中的废品百分比.(一般针对完成品) ...

  7. Nginx中conf相关配置的简要说明

    #设置运行用户 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notic ...

  8. xampp 中 mysql的相关配置

    最近开始接触PHP,而一般搭建PHP环境使用的都是xampp 这个集成环境,由于之前我的系统中已经安装了mysql服务,所以在启动mysql的时候出现一些列错误,我通过查询各种资料解决了这个问题,现在 ...

  9. SAP SD基础知识之订单中装运相关的功能 II

    SAP SD基础知识之订单中装运相关的功能 II 一,计划Scheduling 当业务人员创建一张订单时,系统能够决定基于客户要求的delivery date的物料可用日期:需要交货的货物必须在该时点 ...

最新文章

  1. 上海交大发布 MedMNIST 医学图像分析数据集 新基准
  2. 使用libjpeg进行图片压缩(哈夫曼算法,无损压缩)
  3. 慢慢学Linux驱动开发,第四篇,USB工作原理简单分析
  4. Android Binder机制学习笔记
  5. leetcode 637. Average of Levels in Binary Tree | 637. 二叉树的层平均值(Java)
  6. [转]Device Context 设备环境 设备上下文 理解
  7. 南京信息工程大学计算机等级考试代码,南京信息工程大学2016下半年计算机等级考试报名...
  8. Echarts数据动态加载的实现样例
  9. centos中service命令与/etc/init.d的关系以及centos7的变化
  10. 硬盘分区的类型:mbr分区和gpt分区的区别
  11. 面试中问到的遇到什么困难的问题,如何解决? 方法论借鉴
  12. 赣网杯2021 CTF---MiscWebCrypto部分Writeup
  13. 微信接龙,查人,查谁没有接龙,工具
  14. 二维码的使用(java版)
  15. 用PowerPoint巧做特效字幕(转)
  16. linux 添加快捷命令,linux 添加快捷指令
  17. IEC61850中涉及到的逻辑节点(LN)所代表的含义
  18. docker安装mysql并挂载配置文件和修改密码
  19. 百度云企业级运维平台——NoahEE
  20. unity接入微信支付完成切换前台游戏闪退

热门文章

  1. python 报错traceback-python-traceback捕获并打印异常
  2. 3d标注_告别繁琐,浩辰3D「文本特征」让设计更智慧!
  3. 2021-06-01 深入分析锁的基础知识
  4. 离职交接文档_离职程序员交接工作被同事怒怼:每一行代码都讲清楚,不然投诉你...
  5. 数值计算方法(七)——两种消去法求解线性方程组
  6. 物联网-移远M26模块MQTT开发(AT命令)
  7. Kalibr 标定双目内外参数以及 IMU 外参数
  8. java iso-8859-1_如何在Java中的ISO-8859-1和UTF-8之间转换?
  9. shiro利用mysql动态授权_SpringBoot+Shiro学习之数据库动态权限管理和Redis缓存
  10. uc for linux,在uClinux文件系统中增加应用程序