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

Echarts大量数据柱图,禁止滑块拖动宽度,以及适配分辨率。

禁止滑块大小变化

用去吧

 dataZoom: [{zoomLock: true,brushSelect: false,}]

分辨率写法

end: (() => {const length = this.chartData.categories.length;// if (length <= 7) return 100;// if (length > 32) return 8.2;// 根据屏幕分辨率动态调整显示比例const screenWidth = window.innerWidth;if (screenWidth < 768 && length > 32) {// 移动设备,更小的展示比例return Math.min(25, 8 / length * 100);} else if (screenWidth < 1440 && length > 32) {// 中等分辨率,适中展示比例return Math.min(35, 10 / length * 100);} else if (length > 32){// 高分辨率屏幕,较大展示比例return Math.min(40, 12 / length * 100);}else{return (7 / length * 100)}})(),
http://www.xdnf.cn/news/13217.html

相关文章:

  • CentOS7下的Kafka集群安装部署
  • MongleDB数据库应用
  • 【Flash 芯片 MTD 专栏】Flash芯片识别异常导致mtd子系统分区创建失败
  • 如何判断一个bug,是前端还是后端的?
  • 工作记录:人物对话功能开发与集成
  • linux thermal framework(1)_概述
  • RAG文档解析难点2:excel数据“大海捞针”,超大Excel解析与精准行列查询指南
  • 如何定期检查和调整螺杆支撑座间隙?
  • Java八股文——JVM「内存模型篇」
  • HeidiSql (数据库可视化工具) v12.10 官方便携版
  • 2.Socket 编程 UDP
  • [极客时间]LangChain 实战课 ----- 01|LangChain系统安装和快速入门(2)
  • 3D扫描技术赋能汽车零部件尺寸测量效率提升
  • Mac M4 芯片运行大模型指南,包括模型微调与推理
  • Spring Boot 与 Kafka 的深度集成实践(三)
  • 多模态分类案例实现
  • 可视化如何全方位赋能销售工作
  • Rust 学习笔记:通过 Send 和 Sync trait 实现可扩展并发性
  • 常用的OceanBase调优配置参数
  • Vue 的 v-model 指令详解
  • 2023年全国研究生数学建模竞赛华为杯D题区域双碳目标与路径规划研究求解全过程文档及程序
  • C# 中常用的 字符串截取方法
  • 代码解读——ReferenceNet
  • 深入理解Linux DRM显示子系统:架构、实战项目与关键问题全解析
  • 相机camera开发之差异对比核查二:测试机和对比机的差异提交对比
  • 项目又延期?如何用“灵活IT人力外包”快速补位技术缺口
  • Android高性能音频与图形开发:OpenSL ES与OpenGL ES最佳实践
  • NexusTerminal一款视频移动端的webSSH
  • 人工操舵是如何操作的?介绍人工操舵的经验和规律
  • 云原生核心技术 (4/12): Docker 进阶:镜像优化实战与 Docker Compose 揭秘