取消鼠标悬浮到图形的手状显示

2018-06-04  本文已影响0人  神话降临

echarts开发的时候产品经理认为 cursor:pointer为手状都是可以点击或者是可以连接跳转的。

所以要求我们改动,echarts上鼠标悬浮上去的时候,tooltip提示,取消掉ecahrts自带的手状样式

找了好久发现,echarts鼠标悬浮上去是通过hover实现的,而不是mouseover,并且奇葩的是悬浮到图形上去改变的是整个canvas部分的cursor属性
得出以上结论后就直接简单粗暴的使用重写样式覆盖掉就好了
举例我的图形容器是

<div id=bar></div>

那就直接简单粗暴的把样式覆盖


<style>
#bar>div>canvas:hover{
        cursor: default;
    }
</style>
上一篇下一篇

猜你喜欢

热点阅读