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

echarts监听dataZoom拖动缩放事件

其实简单的东西,但是之前还真没搞过这种,并且这个事件我在echarts官网中没看到有这个事件,但是确实有这个事件

先看下效果:

我们有了echarts实例后,直接监听即可:

charts.on('datazoom', addEventChartDataZoom)
// 滚动触发
function addEventChartDataZoom() {const model = (charts as any).getModel();const startValue = model.option.dataZoom[0].startValue; //起始索引const endValue = model.option.dataZoom[0].endValue; // 结束索引const start = model.option.xAxis[0].data[startValue]; //起始X轴值const end = model.option.xAxis[0].data[endValue]; //结束X轴值console.log(start, end)// 做个防抖处理if(zoomTimer) clearTimeout(zoomTimer)zoomTimer =
http://www.dtcms.com/a/393438.html

相关文章:

  • Chrome学习小记3:基于Chrome Views框架创建最小示例窗口A(从Example分析开始)
  • Chrome学习小记2:GN构建系统小记
  • Chrome性能优化指南大纲
  • 【iOS】AFNetworking学习
  • Kafka 分层存储(Tiered Storage)原理、配置、快速上手与生产落地
  • 多元函数微分学核心概念辨析:连续、偏导与可微
  • 9.21 快选|倍增|栈+贡献法
  • AI.工作助手.工作提效率.AI应用开发平台
  • 【名人简历】鲁迅
  • linux文件系统基本管理
  • 2.1 进程与线程 (答案见原书 P57)
  • SDL2 开发详解
  • c++ 深拷贝之 std::string 与 char*
  • [数理逻辑] 决定性公理与勒贝格可测性(II) 一维情况
  • [Tongyi] DeepResearch Model | MODEL_PATH
  • 儿童对话玩具模型设计与实现
  • 生成器迁移的偏差消除条件
  • LeetCode 刷题【86. 分隔链表】
  • 回溯.专题
  • QML学习笔记(五)QML新手入门其三:使用Row和Colunm进行简单布局
  • 【视图功能11】视图权限控制与协作场景实践
  • YOLOv5至YOLOv12升级:交通标志识别系统的设计与实现(完整代码+界面+数据集项目)
  • 双指针算法案例:有序顺序表的交并差
  • syn和quote实现派生宏Builder
  • MQTT消息质量等级——QoS
  • 【OpenGL】shader 着色器
  • 给AI装上“眼睛”:Schema标记和技术性GEO实战部署
  • 中超-克雷桑破门 齐鲁德比泰山2-2遭海牛读秒绝平!
  • gitflow在公司的全流程
  • 如何解决 pip install 安装报错 ModuleNotFoundError: No module named ‘grpc’ 问题