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

如图所示: 当鼠标滑过圆环和圆环内文字的时候，鼠标是小手，但是客户呢，就不想要小手样式

首先，我查询了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;}
}

echarts饼图取消鼠标小手的样式相关推荐

echarts 饼图取消legend图例的点击事件，保留鼠标悬浮legend上显示tooltie提示信息的事件
echarts 饼图因为我在饼图渲染数据的时候对一些数据较小的label和labelLine进行了隐藏,进行了数据的二次处理,所以legend鼠标悬浮显示出tooltie是我所需要的而点击事件,会关 ...
php 鼠标小手,CSS如何让鼠标放上时的小手样式
CSS实现让鼠标放上时出现小手样式的方法:首先创建一个HTML示例文件:然后在body中添加一个span标签:接着给该标签添加"cursor:pointer;"样式来实现让鼠标放上 ...
鼠标移入变小手css样式添加
cursor:pointer; //手指 cursor:all-scrol; //十字箭头 cursor:auto; //箭头 cursor:cell; ...
php 鼠标小手,鼠标移动至少一次时创建PHP会话(Create PHP session when mouse moved at least once)...
鼠标移动至少一次时创建PHP会话(Create PHP session when mouse moved at least once) 我想在鼠标移动至少一次时创建php会话,如果鼠标继续移动则不需要 ...
CSS -- CSS设置鼠标样式(小手，移动，文本，禁止)
鼠标样式 cursor 更多可参考文档设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状. 语法: li {cursor: pointer; } 可以拷贝自己试试效果 <!DOCTY ...
css鼠标变成小手_技巧篇：CSS高级技巧详解
元素的显示与隐藏 display -- block;(转换为块元素&& 显示) none(隐藏 && 不保留原来的位置) -- 重要! visibility -- vi ...
CSS 让鼠标呈现手型,鼠标悬浮变小手
CSS 让鼠标呈现手型,鼠标悬浮变小手添加样式 cursor:pointer 就行了
Echarts图表--＞鼠标移入取消小手
当图表中没有可点击跳转的需求时,则鼠标移入当前图表时,小手状态变为箭头 // myChart是绘图的对象myChart.getZr().on('mousemove', param => {myC ...
用css 添加手状样式,鼠标移上去变小手,变小手
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style. ...

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

echarts饼图取消鼠标小手的样式相关推荐

最新文章

热门文章