-
-
xiaocesen 初学数据Lv2
发表于2021-12-8 16:11
楼主
本帖最后由 xiaocesen 于 2021-12-8 16:18 编辑
ABI中设定了钻取，也就是点击事件或者链接都会使得鼠标光标悬浮在上变为小手，这里提供一个方法来改变鼠标光标的样式，以统计图为例哦~
更改前效果
更改后效果
附上CSS代码，写在报表自定义样式中，几种常见的样式需要那种自取，记得去掉注释哦~
复制代码
有的小伙伴说，统计图下面用于word分析报告选中的√图标用不到有点多余，那就隐藏掉它吧！
附上CSS代码，写在报表自定义样式中
复制代码隐藏前展示效果：
隐藏后展示效果：
想要实现鼠标滑过字体变大，移开还原。
如下效果：
附上CSS代码，写在报表自定义样式中
复制代码
对默认的样式不喜欢？想要随自己的风格随业务场景来设定那就来看看吧~
更改前效果
更改后效果
附上CSS代码，写在报表自定义样式中，几种常见的样式需要那种自取，记得去掉注释哦~
- canvas.zr-element {
- /*cursor:auto !important;*/ /*随html标签自动改变*/
- /*cursor:crosshair !important;*/ /*十字线光标*/
- /*cursor:default !important;*/ /*常规箭头*/
- /*cursor:pointer !important;*/ /*指针小手*/
- /*cursor:move !important;*/ /*十字箭头光标*/
- /*cursor:text !important;*/ /*指示文本光标*/
- /*cursor:wait !important;*/ /*忙碌状态光标*/
- /*cursor:help !important;*/ /*帮助光标*/
- }
有的小伙伴说，统计图下面用于word分析报告选中的√图标用不到有点多余，那就隐藏掉它吧！
附上CSS代码，写在报表自定义样式中
- i#funcBlock.eui-icon {
- display:none !important;
- }
隐藏后展示效果：
想要实现鼠标滑过字体变大，移开还原。
如下效果：
附上CSS代码，写在报表自定义样式中
- div#HHH7 div span:hover {font-size:300% !important;}/*增大字体*/
- div#HHH7 {width:auto !important;}/*调整宽度自适应，避免字体换行*/
