1 toolbox.show

说明：是否显示区域缩放组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。

默认值：true。

参数类型：boolean。

可选值：

（1）true，显示区域缩放组件。

（2）false，隐藏组区域缩放件。

2 dataZoom.type

说明：组件类型。

默认值：'slider'。

参数类型：string。

可选值：

（1）'slider'，滑动条型数据区域缩放组件，有单独的滑动条，用户在滑动条上进行缩放或漫游。

（2）'inside'，内置型数据区域缩放组件，内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。

实例：

ECharts 使用dataZoom.type给柱形图x坐标轴加滚动条

3 dataZoom.start

说明：数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。

默认值：0。

参数类型：number。

3 dataZoom.end

说明：数据窗口范围的结束百分比。范围是：0 ~ 100。表示 0% ~ 100%。

默认值：100。

参数类型：number。

ECharts 区域缩放组件使用详解相关推荐

echarts横向滚动_ECharts滑动条型数据区域缩放组件（dataZoomSlider）
dataZoom[i]-slider 滑动条型数据区域缩放组件(dataZoomSlider) dataZoom[i]-slider.type | string [ default: 'sli ...
Echarts数据可视化series-bar柱形图详解，开发全解+完美注释
全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...
fileinput 时间_JavaScript_Bootstrap Fileinput文件上传组件用法详解，最近时间空余，总结了一些关...
最近时间空余,总结了一些关于bootstrap fileinput组件的一些常见用法,特此分享到phpstudy平台,供大家参考,同时也方便以后的查找.本文写的不好还请见谅. 一.效果展示 1.原始的 ...
lhgdialog弹出框组件参数详解(自己曾经开发的fuzz项目中用到过)
lhgdialog弹出框组件参数详解鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623 同文:http://wjch-111.it ...
python中label有什么用_对Python中TKinter模块中的Label组件实例详解
Python2.7.4 OS-W7x86 1. 简介 Label用于在指定的窗口中显示文本和图像.最终呈现出的Label是由背景和前景叠加构成的内容. Label组件定义函数:Label(master ...
ueditor上传组件显示乱码_最全面的移动端 UI组件设计详解：中篇
上一期给大家讲解了<最全面的移动端UI组件设计详解:上篇>,主要分享了:布局组件和导航组件2个部分:这次给大家带来:基础组件.表单组件和反馈组件详解,希望你在设计APP.小程序.H5页面中 ...
delphi TWebBrowser组件使用详解
delphi TWebBrowser组件使用详解该组件是一个浏览器组件,可以显示一个指定地址的网页.设置网页打开时的主页以及对网页进行相关的操作,同时也可以对HTML文件进行剪切.复制.粘贴.删除等 ...
php动态写入vue,Vue自定义动态组件使用详解
这次给大家带来Vue自定义动态组件使用详解,Vue自定义动态组件的注意事项有哪些,下面就是实战案例,一起来看一下. 现在基于vue的UI组件库有很多,比如iview,element-ui等.但有时候这 ...
php怎么自定义设置打印区域,JavaScript_jQuery实现区域打印功能代码详解，使用CSS控制打印样式，需要设 - phpStudy...
jQuery实现区域打印功能代码详解使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none.如DEMO ...

ECharts 区域缩放组件使用详解

dataZoom

1 toolbox.show

2 dataZoom.type

3 dataZoom.start

3 dataZoom.end

ECharts 区域缩放组件使用详解相关推荐

最新文章

热门文章