James.Lv 发表于 2020-2-15 00:40:15

图片动态预警

本帖最后由 JamesLv 于 2020-2-15 00:42 编辑

在仪表板中除了使用系统已有的可视化组件之外,还可以通过内置扩展插件,甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录

版本号更新内容支持Wyn Enterprise版本下载地址
V1.0第一次发布3.0.04167.0

1. 内容概述
在实际应用中,对数据的展示分析,除了通过基本的面积、折线、气泡等展示方式外,我们经常需要将图片直接展示到图表中,同时具备条件格式化的功能以达到动态预警的效果。
如下图所示,图表中显示了各产品线的设备图片,并根据设备状态进行了动态预警。

本贴为您介绍这款扩展组件的具体用法。

2. 操作步骤
(1)下载插件包
下载图片动态预警插件包,将其保存到本地计算机并解压。

(2)添加外部扩展插件
将解压后的文件夹放置到Wyn Enterprise安装目录Server\wwwroot\Web Contents\   路径下即可在产品中体验
例如: C:\Program Files\Wyn Enterprise\Server\wwwroot\Web Contents


(3)准备数据
示例中使用的数据源为:机器设备状态数据.xlsx
连接使用该数据源并创建仪表板数据集。
表中的设备状态用数字表示:0,1,2分别代表不同的设备状态。组件的属性设置中可设置不同数字时对应的背景颜色,当有背景颜色时即会动态预警。
表中图片地址为存储设备图片的相对路径,需要提前将图片进行编号并存储到组件的image文件中。


(4)新建仪表板添加外部扩展组件
将外部扩展组件拖拽到仪表板编辑区。


(5)选择插件
单击组件右上角进入编辑状态,选择“图片动态预警”,然后单击“确定”。


(6)数据绑定
添加外部扩展组件后,“数据绑定”面板会自动打开,将数据集中的度量字段“设备状态”拖拽到数值绑定区,“机器分类”和“产品线”绑定到维度区,“设备号/设备图片地址”绑定到系列区。


(7)属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。

自定义属性设置说明如下:

{
   "showTooltip": true,
    "textColor": "blue",
    "textFont": "12",
    "W_H": 1.3,
    "arrColor": {
      "1": "yellow",
      "2": "red"
    }
}
1.“showTooltip”:设置是否显示鼠标提示内容。

2.“textColor”:设置行列字体颜色。

3.“textFont”:设置行列字体大小。

4.“W_H”图片显示的宽高比。

5.“ arrColor”设置预警状态颜色和编号,
这里的编号对应数据表中的“设备状态”。
默认情况下,当设备状态为数字1和2时进行预警显示,
1 则显示为黄色,2则显示为红色。
此处可以进行编号和颜色的自定义修改。


(8)预览并保存仪表板
预览后如效果满意,即可保存仪表板。



QYJ39 发表于 2020-9-23 16:24:51

Wyn里面的设备预警图,能实现点击某一个设备查询出该设备对应的运行参数的数据

James.Lv 发表于 2020-9-23 18:37:20

您好,这个是可以的,我们增加一下这个功能,到时候发给您!

信息搬运工 发表于 2021-2-5 16:09:50

JamesLv 发表于 2020-9-23 18:37
您好,这个是可以的,我们增加一下这个功能,到时候发给您!
请问这个功能改好了吗?改好了能可以给我发一版吗?

James.Lv 发表于 2021-2-5 16:59:55

信息搬运工 发表于 2021-2-5 16:09
请问这个功能改好了吗?改好了能可以给我发一版吗?

您好,这个下周我给您发一个

James.Lv 发表于 2021-2-19 15:13:40

信息搬运工 发表于 2021-2-5 16:09
请问这个功能改好了吗?改好了能可以给我发一版吗?

您好,这个功能改好了,您从下面地址进行下载使用:
图片动态预警
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=87578&fromuid=57091
(出处: 葡萄城产品技术社区)

handfly 发表于 2021-5-12 17:38:54

为什么我设置好了,颜色都显示正常,但是图片显示不出来

Crystal.Li 发表于 2021-5-12 17:59:22

handfly 发表于 2021-5-12 17:38
为什么我设置好了,颜色都显示正常,但是图片显示不出来

使用谷歌浏览器看看

更多的体会 发表于 2021-12-13 09:05:45

不同产线设备名也不同,岔开了呀

James.Lv 发表于 2021-12-13 09:56:06

更多的体会 发表于 2021-12-13 09:05
不同产线设备名也不同,岔开了呀

您希望实现一个怎样的效果?
页: [1] 2
查看完整版本: 图片动态预警