找回密码
 立即注册

QQ登录

只需一步,快速开始

[图表] 浮动菜单

@Martin.Zhang
中级会员   /  发表于:2021-8-15 13:52  /   查看:3935  /  回复:5
本帖最后由 @Martin.Zhang 于 2021-8-24 16:59 编辑

在仪表板中除了使用系统已有的可视化组件之外,还可以通过内置扩展插件,甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录
版本号
更新内容
支持Wyn Enterprise版本
下载地址
V1.0.1
第一次发布
5.0
浮动菜单.viz (138.29 KB, 下载次数: 1482)

1. 内容概述
    本次更新内容为自定义菜单插件。
    功能特点:
          ①数据字段拖拽赋值,自动生成上下级。
          ②支持css自定义。
          ③支持隐藏悬浮,鼠标靠近后显示,移开后隐藏。
          ④url地址自定义,参数可拼接,完美支持后续项目开发中所需要的各种场景操作。
    插件效果图如下:
    image.png826399535.png


2. 操作步骤:
    (1)下载插件包,并上传到wyn中。具体操作步骤在这里就不赘述。         将插件上传后,我们还需要设置控件的参数。设置方式如下:
image.png814888610.png image.png515453490.png
    此时,我们就可以正常使用了。
    (2)在仪表板中使用方法:
    ①选中插件:
      image.png35710753.png
     ②将插件拖动到仪表板中。
      image.png386748656.png
    ③数据区域介绍:      image.png635638427.png
    一级菜单:菜单第一级需要绑定的数据。此项为必填项。

    二级菜单:菜单第二级需要绑定的数据。此项为非必填项,只针对于需要二级菜单的功能。
    url地址/参数:此项可以为链接地址,可以为参数。配合属性设置中几项功能一起使用。
   (4)属性设置介绍:
      image.png898244628.png
     ①浮动菜单:默认不浮动,可配置菜单显示/隐藏。隐藏菜单会在鼠标移动到所在区域后自动显示。
     ②url地址:url地址前缀地址。
     ③参数追加:选中后,菜单中url地址为:(url地址)+(url地址/参数)  ; 如当前数据则链接地址为:https://www.baidu.com/?s=【url地址/参数】;不选中,则菜单链接地址为:【url地址/参数】 中所对应的数据。
     ④固定地址:菜单对应的链接不会拼接,只使用目前输入的 【url地址】 数据。
     ⑤菜单样式:默认为本菜单对应的所有css,在修改过程中className名称不可以修改。仅能修改className对应的内容。可以根据自身需要修改对应的css。详细css请参阅: visual.less (1.42 KB, 下载次数: 1369)

5 个回复

倒序浏览
@Martin.Zhang
中级会员   /  发表于:2021-8-24 17:02:07
沙发
有任何需求,随时反馈哦
回复 使用道具 举报
橘子hen酸
注册会员   /  发表于:2024-5-10 09:26:36
板凳
@Martin.Zhang 发表于 2021-8-24 17:02
有任何需求,随时反馈哦

如何设置每一个二级菜单得地址?
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2024-5-10 18:56:19
地板
橘子hen酸 发表于 2024-5-10 09:26
如何设置每一个二级菜单得地址?


您在数据绑定上绑定一下呢;
image.png475542907.png
回复 使用道具 举报
橘子hen酸
注册会员   /  发表于:2024-5-13 16:53:04
5#
Eden.Sun 发表于 2024-5-10 18:56
您在数据绑定上绑定一下呢;

谢谢解答。 因为没有在浮动菜单-基础设置中清空URL地址。  清空了就是自定义的了。
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2024-5-13 17:26:26
6#
橘子hen酸 发表于 2024-5-13 16:53
谢谢解答。 因为没有在浮动菜单-基础设置中清空URL地址。  清空了就是自定义的了。

嗯嗯,解决了就好呢
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部