Splunk dashboard中鼠标移到某个区域显示提示信息

QYHuiiQ

已于 2022-07-06 15:04:20 修改

阅读量170

点赞数

分类专栏： Splunk 文章标签： splunk 大数据

于 2021-06-20 22:51:12 首次发布

本文链接：https://blog.csdn.net/QYHuiiQ/article/details/118076627

版权

Splunk 专栏收录该内容

57 篇文章 16 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Splunk仪表板上实现鼠标悬停时显示详细提示信息的功能，通过自定义面板和配置项，增强大数据可视化分析的交互体验。

摘要由CSDN通过智能技术生成

...
<fieldset></fieldset>
<row>
    <panel>
        <html>
            <style>
                .my-tooltip{
                    display: inline;
                    position: absolute;
                }

                .my-tootip:hover:after{
                    background: #fff;
                    background: rgba(0,0,0,.8);
                    border-radius: 5px;
                    bottom: 35px;
                    color: blue;
                    content: attr(info_msg);      //info_msg是自己定义的参数名
                    left: 1%;
                    padding: 5px 15px;
                    position: absolute;
                    z-index: 98;
                    width: 400px;
                }
            </style>
        </html>
    </panel>
</row>

<row>
    <panel>
        <html>
            <span info_msg="这是提示信息" class="my-tootip">点我查看提示信息</span>
        </html>    
    </panel>
</row>

QYHuiiQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Splunk dashboard中鼠标移到某个区域显示提示信息

...<fieldset></fieldset><row> <panel> <html> <style> .my-tooltip{ display: inline; position: absolute; } .
复制链接

扫一扫