当前位置: 首页 > news >正文

笔记:Echarts柱状图 实现滚轮条 数据太多

效果👇👇👇

配置:👇

 let option = {dataZoom: [{type: "slider",show: true,zoomLock: true,start: 0,end: 20,bottom: 60,height: 10,textStyle: {color: "transparent",fontSize: 9,},fillerColor: "#33CCCC",brushSelect: false,handleIcon:"path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z",handleSize: "100%",handleStyle: {color: "#33CCCC",borderWidth: 0,},backgroundColor: "#0d2755", //两边未选中的滑动条区域的颜色borderColor: "transparent",filterMode: "filter",},],}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 使用 java 将 excel 文件转 html、pdf ,以及 pdf 合并和拆分
  • 使用Node-RED实现和部署物联网入侵检测的机器学习管道
  • C++基础语法:while的使用
  • 数据结构--树(笔记)
  • 2025计算机毕设:50条小众好做的SSM题目推荐【计算机毕设选题推荐】
  • 服务器配置miniconda环境
  • npm install 安装报错解决指南
  • 什么是BOM,有哪些分类?
  • Notion使用详解
  • WPF 动画 插值动画、关键帧动画、路径动画
  • Pod基础使用
  • websocket拦截插件
  • 无线数传模块有啥特点?
  • 万象公文常见问题的处理方法
  • Ubuntu22安装MySQL8,并关闭大小写
  • 【391天】每日项目总结系列128(2018.03.03)
  • co.js - 让异步代码同步化
  • gitlab-ci配置详解(一)
  • Java反射-动态类加载和重新加载
  • PHP CLI应用的调试原理
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • Ruby 2.x 源代码分析:扩展 概述
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • 反思总结然后整装待发
  • 关于List、List?、ListObject的区别
  • 基于axios的vue插件,让http请求更简单
  • 前端设计模式
  • 异常机制详解
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • 如何在招聘中考核.NET架构师
  • ​html.parser --- 简单的 HTML 和 XHTML 解析器​
  • ​低代码平台的核心价值与优势
  • #Linux(make工具和makefile文件以及makefile语法)
  • (day 12)JavaScript学习笔记(数组3)
  • (二)Kafka离线安装 - Zookeeper下载及安装
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (九)信息融合方式简介
  • (四)c52学习之旅-流水LED灯
  • (一) storm的集群安装与配置
  • (原創) 博客園正式支援VHDL語法著色功能 (SOC) (VHDL)
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)Google的Objective-C编码规范
  • .Net OpenCVSharp生成灰度图和二值图
  • .net 流——流的类型体系简单介绍
  • .NET处理HTTP请求
  • .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
  • [ 云计算 | AWS ] 对比分析:Amazon SNS 与 SQS 消息服务的异同与选择
  • [000-01-022].第06节:RabbitMQ中的交换机介绍
  • [20161214]如何确定dbid.txt
  • [BT]BUUCTF刷题第4天(3.22)
  • [bug总结]: Feign调用GET请求找不到请求体实体类
  • [Contiki系列论文之2]WSN的自适应通信架构
  • [Java基础]—JDBC
  • [JS] node.js 入门
  • [k8s源码]7.indexer