图片动态预警
本帖最后由 JamesLv 于 2021-2-20 09:33 编辑在仪表板中除了使用系统已有的可视化组件之外，还可以通过内置扩展插件，甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录
版本号更新内容支持Wyn Enterprise版本下载地址
V1.0第一次发布4.0
1. 内容概述
在实际应用中，对数据的展示分析，除了通过基本的面积、折线、气泡等展示方式外，我们经常需要将图片直接展示到图表中，同时具备条件格式化的功能以达到动态预警的效果。
如下图所示，图表中显示了各产品线的设备图片，并根据设备状态进行了动态预警。
本贴为您介绍这款扩展组件的具体用法。
2. 操作步骤
(1)下载插件包
下载图片动态预警插件包，将其保存到本地计算机。
(2)添加插件文件
将下载后的插件上传到Wyn Enterprise门户中，即可使用插件。
(3)准备数据
示例中使用的数据源为：
连接使用该数据源并创建仪表板数据集。
表中的设备状态用数字表示：0，1，2分别代表不同的设备状态。组件的属性设置中可设置不同数字时对应的背景颜色，当有背景颜色时即会动态预警。
表中图片地址为设备图片的URL路径，如果是本地图片时，可存放在Wyn应用安装路径下“Wyn Enterprise\Portal\wwwroot\img\”，img是自己创建的文件夹，可根据实际情况自己命名，然后该路径下的图片地址为：http://localhost:51980/img/***.jpg。
(4)新建仪表板选择刚刚上传的图片动态预警组件
将图片动态预警组件拖拽到仪表板编辑区。
(5)数据绑定
添加扩展插件组件后，在数据绑定区域可以去绑定待展示的数据字段。
(6)属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。
状态颜色是设备状态数据跟颜色对应属性。
(7)预览并保存仪表板
预览后如效果满意，即可保存仪表板。
我按例子配置好了，但是为什么设备的图片不会显示，只显示了对应的颜色 handfly 发表于 2021-5-12 17:27
我按例子配置好了，但是为什么设备的图片不会显示，只显示了对应的颜色
您使用的是什么浏览器，使用谷歌浏览器看看 本帖最后由 handfly 于 2021-5-12 18:15 编辑
Crystal.Li 发表于 2021-5-12 17:58
您使用的是什么浏览器，使用谷歌浏览器看看
火狐和谷歌都试了，效果如下
3 handfly 发表于 2021-5-12 18:14
3
handfly 发表于 2021-5-12 18:41
我们同事QQ联系您远程解决 您好这个插件能否加上每个图片名称字段，根据图片名称进行传参和跳转 summer小小 发表于 2022-5-9 10:17
您好这个插件能否加上每个图片名称字段，根据图片名称进行传参和跳转
您好，这个我们这边安排优化一下这个插件，然后给您回复 测试成功,效果很好 dlxubo 发表于 2022-6-2 15:27
测试成功,效果很好
{:5_120:}
页:
[1]
2