echarts自定义滚动条
echarts自定义滚动条
dataZoom: [//给x轴设置滚动条{start:0,//默认为0end: 100-1500/31,//默认为100type: 'slider',show: true,xAxisIndex: [0],handleSize: 0,//滑动条的 左右2个滑动条的大小height: 8,//组件高度left: 50, //左边的距离right: 40,//右边的距离bottom: 26,//右边的距离handleColor: '#ddd',//h滑动图标的颜色handleStyle: {borderColor: "#cacaca",borderWidth: "1",shadowBlur: 2,background: "#ddd",shadowColor: "#ddd",},fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变//给第一个设置0，第四个设置1，就是垂直渐变offset: 0,color: '#1eb5e5'}, {offset: 1,color: '#5ccbb1'}]),backgroundColor: '#ddd',//两边未选中的滑动条区域的颜色showDataShadow: false,//是否显示数据阴影 默认autoshowDetail: false,//即拖拽时候是否显示详细数值信息 默认truehandleIcon: 'M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z',filterMode: 'filter',},//下面这个属性是里面拖到{type: 'inside',show: true,xAxisIndex: [0],start: 0,//默认为1end: 100-1500/31,//默认为100},],
echarts自定义滚动条相关推荐
- html中legend样式,echarts自定义图例legend文字和样式
话不多说,先上效果图. 要完成这个图并不难,主要是下面那个图例比较难,需要定制. 让我们从官方文档找找思路,官方文档关于legend.formatter是这样的:链接在这 难点在于: 1.这里的图例文 ...
- LabVIEW设计自定义滚动条
在讲解自定义滚动条之前,我们先了解一下,如何动态控制常规的滚动条控件,效果如下所示: 这是使用LabVIEW自带的滑动控件,鼠标右键,选择:"数值",可以看到各式各样的滑动杆控件, ...
- CSS3自定义滚动条
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
- oracle form 滚动条,jQuery实现的自定义滚动条实例详解
本文实例讲述了jQuery实现的自定义滚动条.分享给大家供大家参考,具体如下: 可以自由的给滚动条定义背景,上下按钮,当然不仅仅是颜色,连图片当背景也可以.支持鼠标滚轮,点击滚动条滚轴定位,上下按钮久 ...
- 自定义滚动条Js简版
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 用css自定义滚动条样式
如果你是一个搞网页前端的,有必要了解一下自定义滚动条样式这个东东.目前支持自定义滚动条样式的有IE浏览器.webkit内核浏览器(chrome). IE下的滚动条样式 1.样式规则 scrollbar ...
- 使用vue-happy-scroll 自定义滚动条
这里演示一下使用vue-happy-scroll 自定义滚动条的方式: 官方地址:https://github.com/tangdaohai/vue-happy-scroll 兼容性: 支持特性: 安 ...
- 自定义滚动条(Custom ScrollBar)
时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform.W ...
- Echarts自定义折线图例,增加选中功能
用Echarts图表开发,原本的Echarts图例不一定能满足我们的视觉要求. 下面是Echarts 折线图自定义图例,图例checked选中,相应的折线线条会随之checked,其余未选中的图例对应 ...
最新文章
- 还在用肉眼找不同吗？这个技术轻松搞定
- COBOL入门到精通
- oracle数据库复制mysql,MySQL/Oracle数据库，使用SQL快速复制表结构或数据
- 车仪表台上的装饰_仪表台放这个东西，相当于定时炸弹，很多人都忽略了
- boost::units::conversion_factor相关的测试程序
- linux 从命令行自动识别文件并将其打开的命令
- jmeter压测_简单七步，快速入门 JMeter原生压测
- 软件工程---18.面向服务的软件工程
- 什么电脑的牌子好用_扬州诚招电动牙刷代理有什么牌子比较好用
- c语言学习-从键盘输入三个数，按照从小到大（或从大到小）的顺序输出
- paip.variable xxx has initializer but incomplete type 解决方案
- bbsmax mysql_mysql 语句case when
- 机器学习_高偏差(High bias)与高方差(High vars)
- Hexo全局添加APlayer音乐播放器
- python控制qq群_Python3 selenium 实现QQ群接龙自动化功能
- 详解设置路由导航的两种方法
- STM32——FSMC(灵活的静态存储器控制器)驱动TFTLCD液晶屏
- 学计算机方法有哪些,初学者学习电脑方法有哪些
- OSPF NSSA和LSA7
- 小程序ssl报错java,抖音（字节跳动）小程序遇到request(https)请求报错,SSL证书验证失败...