echarts饼图取消鼠标小手的样式

news/2024/10/18 19:27:12/

如图所示: 当鼠标滑过圆环和圆环内文字的时候,鼠标是小手,但是客户呢,就不想要小手样式
在这里插入图片描述
首先,我查询了echarts官网,发现饼图的 cursor 属性
在这里插入图片描述
然后在代码中修改:

        series: [{....type: 'pie',label: {normal: {show: true,position: 'center',....fontSize: '12'}},labelLayout: {dy: this.title.indexOf('\n') > -1 ? 2 : 0},cursor: 'default' // 鼠标样式}]

修改后发现只是鼠标移入圆环是默认样式了,但是中间的文字还是手指样式,所以决定复写css的样式,设置鼠标经过整个盒子的样式,成功!

.pie-chart {div > div > canvas {cursor: default;}
}

在这里插入图片描述


http://www.ppmy.cn/news/327696.html

相关文章

鼠标连点小工具

之前在别处看别的鼠标点击小工具时,有评论区网友提出只点击一个位置容易被网课系统判定为挂机,要能让鼠标移动位置才行。 于是我想起自己一直收藏的鼠标点击小工具【全能鼠标按键精灵】,软件非常小巧,只有36KB,但功能…

鼠标拖拽调整div大小

鼠标拖拽调整div大小 实现思路 根据鼠标位置改变鼠标样式当鼠标在div的边缘和四个角时显示不同的样式&#xff0c;通过cursor修改当鼠标在div的边缘和四个角按下时记录具体坐标点位置&#xff0c; 并开始根据鼠标的移动修改div的尺寸鼠标松开时结束尺寸修改 代码实现 <!…

基于html+css的图展示121

准备项目 项目开发工具 Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044 项目…

微信小程序之原生鼠标拖动图片效果

先看看效果&#xff1a; 思路就是&#xff1a;监听鼠标移动的位置&#xff0c;用position:absolute的属性&#xff0c;实时改变left,top这两个值。 看看源码&#xff1a; wxml <view classdraw-content><image src/images/look2.png class"look-image"…

java 监听鼠标点击_java 事件监听 - 鼠标

java 事件监听 - 鼠标 //事件监听 //鼠标事件监听 //鼠标事件监听有两个实现接口 //1、MouseListener 普通的鼠标操作 //2、MouseMotionListener 鼠标的拖拽、移动 import java.awt.*; import javax.swing.*; import java.awt.event.*; public class Index extends JFrame{//设…

java 中鼠标事件_Java中的鼠标事件

任何组件上都可以发生鼠标事件,如:鼠标进进组件、退出组件、在组件上方单击鼠标、拖动鼠标等都发生鼠标事件,也就是说,组件可以成为发生鼠标事件的事件源。 1 使用MouseListener接口处理鼠标事件 使用MouseListener接口可以处理5种操纵发生的鼠标事件: (1)在事件源上按下鼠…

css鼠标变成小手(css中鼠标悬停是为小手)

CSS控制鼠标样式变换如何写代码呢&#xff1f; 代码&#xff1a;&#xff1a;p stylecursor: crosshair演示&#xff1a;定位指示/p如果需要将鼠标变换成帮助状态的时候。代码&#xff1a;p stylecursor: help演示&#xff1a;帮助/p当然这些只是一些常见的比较实用的代码。我们…

C++ 获取鼠标点击位置

C 获取鼠标点击位置 1.检测鼠标点击事件 GetAsyncKeyState函数可以检测按键点击事件 这里是它的函数原型&#xff1a; SHORT_stdcall GetAsyncKeyState(int vKey);我们首先要根据这个函数定义一个宏KEY_DOWN&#xff0c;这样可以方便以后的调用 #define KEY_DOWN(VK_NONAME…