首页 > 其他分享 >echats鼠标滑动,连续修改点的位置

echats鼠标滑动,连续修改点的位置

时间:2024-08-21 11:16:26浏览次数:11  
标签:echats 鼠标 myChart value etype 滑动 data

定义图表

 myChart.value = markRaw(echarts.init(document.getElementById("theEcharts")));
 myChart.value.setOption(options.value);

监听鼠标按下,监听鼠标移动,监听鼠标抬起

    // 加条件判断,按下后滑动才能改变图表
    let etype = 0
    myChart.value.getZr().on('mousedown', ()=>{
      etype=1
    })
    myChart.value.getZr().on( 'mousemove',function(params){
      if(etype){
        const data = myChart.value.convertFromPixel('grid', [params.offsetX, params.offsetY])
        if(timearr.includes(data[0])){
          options.value.series[1].data[data[0]]=data;
            tableData1.value.forEach((e, i) => {
              if(data[0] == i){
                e.q = Number(data[1].toFixed(1))
              }
            })
          myChart.value.setOption(options.value);
        }
      }
    })
    myChart.value.getZr().on('mouseup', ()=>{
      etype=0
    })

  可实现鼠标联系滑动修改图表点的位置

 文笔不好,自己做记录用的,有需要的可以拿去用

标签:echats,鼠标,myChart,value,etype,滑动,data
From: https://www.cnblogs.com/xiaoyang459/p/18371205

相关文章

  • 【pyautogui】 模拟鼠标、键盘操作库
    【背景】模拟鼠标、键盘操作【问题】1、pyautogui.move和pyautogui.moveTo的区别?pyautogui.moveTo(x=None,y=None,duration=0.0,tween=linearTween)这个函数会将鼠标光标直接移动到指定的屏幕坐标 (x,y)。如果 duration 参数被设置为非零值(以秒为单位),则光标会平滑......
  • Echarts鼠标控制滚动以及自动滚动
    Echarts提供了鼠标控制滚动以及自动滚动的功能。对于鼠标控制滚动,可以使用Echarts的toolbox组件来实现。首先需要在option中配置toolbox组件:option={toolbox:{feature:{dataZoom:{yAxisIndex:'none'//鼠标控制滚动时只......
  • 数据结构与算法——滑动窗口
    目录引言核心思想使用场景解题步骤经典例题1、无重复字符的最长子串(LeetCode3)2、找到字符串中所有字母异位词(LeetCode438)引言定义:滑动窗口是指通过左右两个指针(或索引)来标记窗口的左右边界,随着指针的移动,窗口内的元素不断变化,从而实现对数组或字符串中连续子序列的......
  • osk.exe 是“屏幕键盘”(On-Screen Keyboard)的可执行文件名,这是一种虚拟键盘应用程序,用
     osk.exe(屏幕键盘)的公开漏洞一般涉及以下几个方面:1. 安全性漏洞信息泄露:某些版本的osk.exe可能会在特定条件下泄露用户输入的信息,尤其是在使用输入法或进行敏感数据输入时。攻击者可能利用这些信息进行进一步的攻击或窃取数据。漏洞利用:有些恶意软件可能利用屏幕键盘......
  • 基于YOLOv8的通用的滑动验证码滑块缺口检测模型
    文章目录前言滑块缺口验证码验证码示例训练步骤总结前言首先放张图片表达此时的心情,同志们节日快乐!!!滑块缺口验证码滑动验证码滑块缺口的位置识别是破解滑块验证码的关键,这里我们尝试使用YOLOV8训练目标检测模型,识别出滑块图片的缺口验证码示例模型通过大批量......
  • 鼠标键盘控制c++
     感觉鼠标控制挺好玩的 要想完成鼠标的一系列控制,首先你需要一个头文件:#include<windows.h> 以下是鼠标单击左键的代码,可以做成子程序(我是背下来的):mouse_event(MOUSEEVENTF_LEFTDOWN,0,0,0,0);//按下左键Sleep(10);//要给一些应用反应时间mouse_event(MOUSEEVENTF_L......
  • day23-测试自动化之Appium的滑动和拖拽事件、高级手势ActionChains、手机操作API
    目录一、滑动和拖拽事件    1.1.应用场景    1.2.swipe滑动事件    1.3.scroll滑动事件    1.4.drag_and_drop拖拽事件    1.5.滑动和拖拽事件的选择二、高级手势ActionChains    2.1.应用场景    2.2.使用......
  • 【代码随想录】一、数组:4.滑动窗口
    1.题目1:209.长度最小的子数组1.1.解法1:暴力解法(已超时)使用两层循环,外层循环确定最小子数组开始的位置(i),内层循环确定最小子数组结束的位置(j)。在每次跳出内层循环时,sum应重置为0。当找到的子数组相加的和等于或大于目标值(target)时,算出此刻子数组的长度(j-i+1),并更新result的值......
  • [已解决] 使用向日葵远程控制在Ubuntu系统上控制Minecraft存在鼠标移动视角异常
    省流:使用Ctrl+Alt+Enter将当前鼠标指针切换到被控鼠标方指针。问题描述在使用向日葵远程控制连接到我的远程Ubuntu系统中游玩Minecraft时,发现鼠标视角的移动有问题。具体表现为,鼠标可以点击菜单、按钮等,也可以点击选择物品、左键摧毁物品、右键使用物品,然而移动鼠标......
  • 简单的滑动窗口限流接口
    简单的滑动窗口限流接口1.需求我们公司的流程部分使用了好几个版本的流程服务,当前修改为activiti5.5,那么原有的流程部分则进行了停止,但是历史流程部分还是需要提供查询,当前功能只需要流程历史三个月前数据查询使用即可,所以部分代码写死了只处理流程三个月历史信息查询。......