echarts dataZoom组件

dataZoom 组件用于区域缩放

 dataZoom: [{type:'slider',start: 0,end: 10,height: 20,backgroundColor:'rgba(2,96,171,0.5)',dataBackground:{lineStyle:{color:'#fff9c1',width:1}},fillerColor:'rgba(53,204,251,0.2)',borderColor: 'rgba(53,204,251,0.9)',//handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',handleSize: '80%',handleStyle: {color: '#a0f1fb',shadowBlur: 3,shadowColor: 'rgba(0, 0, 0, 0.6)',shadowOffsetX: 2,shadowOffsetY: 2},textStyle:{color:"#fff"},bottom:5}],

可自行去查阅官方文档
https://echarts.apache.org/zh/option.html#dataZoom

echarts dataZoom组件相关推荐

ECharts 交互组件概述
ECharts 提供了很多交互组件:例组件 legend.标题组件 title.视觉映射组件 visualMap.数据区域缩放组件 dataZoom.时间线组件 timeline. 接下来的内容我们将 ...
vue-cli ——解决多次复用含有Echarts图表组件的问题
vue-cli --解决多次复用含有Echarts图表组件的问题参考文章: (1)vue-cli --解决多次复用含有Echarts图表组件的问题 (2)https://www.cnblogs.co ...
转：ECharts图表组件之简单关系图：如何轻松实现另类站点地图且扩展节点属性实现点击节点页面跳转...
站点地图不外乎就是罗列一个网站的层次结构,提炼地讲就是一个关系结构图.那么我们如何巧用ECharts图表组件内的简单关系结构图来实现一个站点的地图结构呢?另外如何点击某个节点的时候实现页面跳转呢? 针 ...
echarts vue 柱状图实例_「源码学习」适用于 Vue3 的 ECharts 包装组件
距离 Vue3 发布已经有近一周的时间,不知道大家源码都学习的怎么样了呢?今天 Gitee 为开发者们推荐一个新的学习资源,就是下面要介绍的这个同时适用于 Vue2 和 Vue3 的 EChatrts ...
小程序里面怎么使用Echarts图表组件？
1:下载 GitHub 上的项目 https://github.com/ecomfe/echarts-for-weixin 2:但项目下载之后,打开小程序开发工具,可以看到效果如下,适配性还是比较完 ...
echarts vue组件封装
echarts vue组件封装为什么封装echarts组件 1.原生echarts不是vue组件风格的,不爽 2.原生echarts需要操作dom,麻烦 3.原生echarts没有响应式系统,太菜 ...
uniapp 使用秋云uCharts图表组件、echarts图表组件
一.uniapp 使用秋云uCharts图表组件 1.我们的项目是依赖uniapp的vue-cli项目操作:将uni_modules目录复制到src目录,即src/uni_modules. 2.页面 ...
小程序Echarts图表组件使用
1:下载 GitHub 上的项目 https://github.com/ecomfe/echarts-for-weixin 2:但项目下载之后,打开小程序开发工具,可以看到效果如下,适配性还是比较完 ...
ECharts公共组件：title详解、 tooltip详解、toolbox详解、legend详解、dataZoom详解、visualMap全解...
1. Title mytextStyle={ color:"#333", //文字颜色 fontStyle:"norm ...

echarts dataZoom组件

echarts dataZoom组件相关推荐

最新文章

热门文章