位置: 编程技术 - 正文

快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)(鼠标瞬间移动)

编辑:rootadmin

推荐整理分享快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)(鼠标瞬间移动),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:鼠标快速移动指定位置,鼠标快速移动指定位置,如何快速移动鼠标,移动鼠标的快捷键,如何移动鼠标想点的位置,如何移动鼠标想点的位置,鼠标快速移动时失灵,鼠标快速移动时失灵,内容如对您有帮助,希望把文章链接给更多的朋友!

记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题。

一、外部按钮调用ECharts图表的保存为图片操作

最近使用ECharts库绘制图表,依据需求希望可以把图表设置的保存为图片操作可以在图表外部调用,主要是希望可以和项目之前的下载图片操作界面保持一致。然后上网找了一些方法,看了看也没遇到一个可以满意的。后来,突然想到了echart开放了源码,可以看看源码,找到下载的方法,然后调用不就可以了(可能是我技术忒次,看了看不只到如何直接调用方法,所以把源方法copy下来,改了改,只需要传递图表的容器id即可)

echart图表示例(工具栏中有下载图片按钮)

附上代码记录一下

这样,我们就可以不使用它自带的下载操作了,就可以在外部自定义按钮、超链接,直接调用上面的方法就可以实现外部调用保存图片功能了。

快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)(鼠标瞬间移动)

二、onmouseenter和onmouseleave移动速度过快导致不能正确的时机触发事件机制

  上图说明一下

希望鼠标在曲线上移动时不仅可以高亮展示曲线,还要在鼠标位置增加剪刀图标,按下剪刀时可以删除曲线。之前就直接在曲线上使用的mouseener和mouseleave方法,然后鼠标在多条曲线上快速移动时,就会出现诸多问题(剪刀不会在光标离开时消失,多条曲线都变为高亮效果)。试了多加上一些逻辑判定和换用mouseover和mouseout方法均不管用。后来突然想到,可以使用mousemove方法。判定鼠标是否在剪刀图表的区域范围内,若在则高亮该条曲线,不再,则所有曲线恢复默认样式。然后居然成功了。困扰了一整天的问题终于解决了。(由于mousemove在鼠标移动时需要不断的去监听和触发事件,所以最好可以有一个状态标识表明在该状态在再去调用高亮曲线和绘制剪刀的方法。图上的调用时机是,当鼠标进入曲线时,设定一个全局变量为true,此后的mousemove操作根据该变量判定)

记录一下部分关键代码

鼠标就进入高亮及绘制剪刀图表

移动鼠标判定触发操作

okay,其实工作流的问题,如果单单只是高亮曲线,mouseenter和mouseleave的效果就足够了。不过示例中,需要在曲线上覆盖一个剪刀图标,这就会跟原来曲线的mouseenter和mouseleave有冲突。因为删除曲线的触发元素是剪刀图标。

jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置) 最近在忙于jquery的前端开发,学习到很多知识,今天小编给大家带来一段代码片段有关弹出层后禁用滚动条的代码。具体代码如下所示:$("cli-open").click(

jQuery simpleModal插件的使用介绍 SimpleModal是一个轻量级的jQuery插件,它提供了一个模式对话框发展强大的接口。是一个模态对话框的框架。SimpleModal使您可以灵活地构建任何你可以设想

jquery的checkbox,radio,select等方法小结 1、checkbox日常jquery操作。现在我们以下面的html为例进行checkbox的操作。inputid="checkAll"type="checkbox"/全选inputname="subBox"type="checkbox"/项1inputname="subBox"type="check

标签: 鼠标瞬间移动

本文链接地址:https://www.jiuchutong.com/biancheng/383143.html 转载请保留说明!

上一篇:jQuery EasyUI编辑DataGrid用combobox实现多级联动(jquery easyui从零开始学pdf)

下一篇:jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)(jquery弹窗弹出一个页面)

  • 建筑业项目在外地在哪里交增值税
  • 企业纳税人是什么
  • 保证人不承担责任(胜诉案例)
  • 无票收入在增值税表中填哪
  • 未开票收入如何填写增值税申报表
  • 美元利息结汇时结汇项目是什么
  • 划转税务的非税发票
  • 增值税需要结转到本年利润吗
  • 行政单位库存材料包括哪些
  • 公司买入股票要交所得税吗?
  • 退休人员额外收入的税收标准
  • 湖南残保金减免优惠政策2020
  • 退休人员基本养老金调整幅度需要综合考虑什么因素
  • 其他应付款跨年如何应对
  • 公司承租厂房装修协议
  • 商业承兑背书后退回怎么办
  • 公司开发票就会报税吗?
  • 企业注销时留抵税额怎么做账
  • 核定经营额是一个季度还是一个月
  • 分步法所分的成本计算步骤应是实际的生产步骤
  • 存货清查的步骤
  • 企业抵押贷款手续办理流程
  • mac怎么修改图片格式jpg
  • macos12支持设备
  • win7硬盘安装win10教程
  • 华为正式发布鸿蒙官网
  • 鸿蒙系统怎么切换回安卓
  • 有关预提费用如何冲销
  • 应交税金月底可以有余额吗
  • 金税盘纳税申报
  • 安全生产费开工前支付
  • 建账怎么建
  • 天猫收取的三大费用
  • 修改系统散热方案
  • 图书装订的工作容易吗
  • info.exe
  • 2022年苹果iphone14视频配音乐
  • 补缴的土地出让金契税
  • 支付押金无法收取怎么办
  • 公司出租房租怎么交税
  • axios异步请求数据
  • PHP:imagesetthickness()的用法_GD库图像处理函数
  • 私募股权基金备案流程
  • 免税的农业企业可以抵扣专票吗
  • 纳税人提供劳务派遣服务,选择差额纳税的,按照5%
  • laravel怎么用
  • 工会经费是公司交还是个人交
  • 企业交的社保包含什么
  • 研发费用加计扣除2022政策
  • 无偿提供房屋使用证明有什么后果
  • 购买种子能抵扣进项吗
  • 个体工商户未年报 经营异常罚款
  • 农副产品收购分录
  • 年应税销售额是指纳税人在连续不超过12个月或四个季度
  • 企业应付职工薪酬的会计核算
  • 合并资产负债表与母公司资产负债表要看那一个好
  • 所得税为负数会计分录
  • 取得与收益相关的政府补助计入什么科目
  • 公司购买的商品质量问题能用12315投诉吗
  • 特定担保债权
  • 现金流量表和利润表的勾稽关系
  • 支付厂房租赁费现金流
  • 哪些情形不需要办理变更登记
  • mysql存储过程菜鸟教程
  • centos7.9
  • 免激活合法使用的软件
  • windows7问题解决方案
  • 笔记本如何一键锁屏快捷键
  • windows xp.
  • crossfire.exe是什么
  • number mac
  • win8如何关闭杀毒软件
  • RedHatLinux AS3中APACHE+SendMail+OpenWebMail整合
  • unity3d摄像机视角
  • javascript高级程序设计pdf百度云
  • 深入理解计算机系统
  • python生成pyc
  • 定额发票网上查询
  • 虚开增值税发票但未抵扣怎样处罚
  • 中华人民共和国成立于1949年10月1日到今年是多少周年
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设