首页 > 其他分享 >解决echarts鼠标选择错位的问题

解决echarts鼠标选择错位的问题

时间:2023-06-25 09:14:19浏览次数:55  
标签:style 错位 鼠标 ele rate echarts

在写echarts时遇到的问题,鼠标选择总是和图形错位,同事提供的解决方法,在这里记录一下。

1.增加以下代码

export default function resizeEcharts(ele) {
  let rate = 1920 / window.innerWidth;
  if ( ele.style ) {
    ele.style.zoom = 1 * rate;
    ele.style.transform = `scale(${1 / rate})`;
    ele.style.transformOrigin = 'top left';
  }
}

2.在图形生成处引入即可

    option && a.setOption(option);
    resizeEcharts(dom);//don为当前模型

 

标签:style,错位,鼠标,ele,rate,echarts
From: https://www.cnblogs.com/lisir-blogshare/p/17502090.html

相关文章

  • Windows 鼠标宏录制工具 Jitbit Macro Recorder 5.9.0 中文汉化修正版
    本文转载自:Windows鼠标宏录制工具JitbitMacroRecorder5.9.0中文汉化修正版更多内容请访问钻芒博客:https://www.zuanmang.net今天分享一下钻芒常用的Windows鼠标宏录制工具,中文汉化免激活,转载自:大眼仔旭(www.dayanzai.me)。以下内容为转载内容:JitbitMacroRecorder5.9.0......
  • Echarts配置系列-图文并茂教你配置各种图表样式
    @Echarts配置系列说明本文列举了各种常用的图表各种常用配置信息可以通过下面链接测试你的demo配置哦https://echarts.apache.org/examples/zh/editor.html?c=area-basic渐变色面积图代码配置option={title:{text:'每天都要开心呀'}......
  • USB鼠标过一段时间后失灵问题的修复
    现象:USB鼠标计算机锁屏一段时间后,不能动了,拔下来重新插上后,又恢复正常了。原因:这是系统默认USB电源管理造成的。一段时间不用后,自动关闭了USB电源。解决方法:1、进入设备管理器在计算机-右键菜单中进入管理功能,或者从控制面板里点击“系统——硬件——设备管理器”。2、找到“USBR......
  • 鼠标悬浮div或者列表li时,展示出button按钮
    <template><divclass="item"><span><inputtype="checkbox":checked="obj.done"@click="handleCheck(obj.id)"></span><span>{{......
  • ui设计师界面combobox控件添加鼠标点击信号
    一、概述combobox下拉框控件下拉后会显示预设好的选择内容,可是想要实现显示内容动态可变,点击的时候实时刷新到最新内容,就需要点击信号,但是qt本身没有实现这个点击信号。要实现这个功能本质方法是需要重写combobox的鼠标点击事件,这里介绍如何为ui设计师界面的combobox控件添加......
  • 量产空中鼠标电路设计资料 原理图+PCB资料 空中鼠标硬件由两个部分组
    量产空中鼠标电路设计资料原理图+PCB资料空中鼠标硬件由两个部分组成,鼠标端(发射板)和USB端(接收板)。◆发射板主要器件是STM32、MPU6050、NR24L01。MPU6050感知人手的动作(X、Y、Z轴上的角速度值),并将测得的数据通过I2C数据接口传输给STM32。STM32内部自带12位ADC对数据做转换,并且通......
  • vue 鼠标移入移除
    移入:mouseover和mouseenter最本质的区别是:mouseover支持事件冒泡,mouseenter不支持事件冒泡。移除:mouseleave仅在指针离开元素时被触发,不冒泡;而mouseout在指针离开元素或进入该元素的子元素时均会被触发......
  • vue鼠标拖拽自定义指令实现过程和原理分析
    在Vue中,可以使用自定义指令来实现鼠标拖拽的功能。自定义指令允许我们在DOM元素上绑定特定的行为和逻辑。以下是一个实现鼠标拖拽的自定义指令的例子,同时也包含了相应的原理分析:<template><divv-draggable>DragMe!</div></template><script>exportdefault{directives......
  • 记录--Vue3 封装 ECharts 通用组件
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助按需导入的配置文件配置文件这里就不再赘述,内容都是一样的,主打一个随用随取,按需导入。import*asechartsfrom"echarts/core";//引入用到的图表import{LineChart,typeLineSeriesOption}from"echarts/......
  • echarts设置散点图颜色渐变
    在echarts散点图中,可以使用系统默认的图例颜色设置散点图,也可以设置具体的颜色设置,还可以添加单个散点颜色渐变,也可以设置整个echarts散点颜色渐变1.不设置颜色在不设置颜色的情况下,echarts会使用自带的调色盘进行颜色选择默认如下。['#5470c6','#91cc75','#fac858','#ee66......