图片动态预警

收藏

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

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

版本号	更新内容	支持Wyn Enterprise版本	下载地址
V1.0	第一次发布	3.0.04167.0	图片动态预警.zip (709.08 KB, 下载次数: 828) 2020-2-15 00:34 上传点击文件名下载附件

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

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

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) 预览并保存仪表板
预览后如效果满意，即可保存仪表板。
图片可视化2.gif

QYJ39 · QYJ39

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

James.Lv · James.Lv

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

信息搬运工 · 信息搬运工

JamesLv 发表于 2020-9-23 18:37
您好，这个是可以的，我们增加一下这个功能，到时候发给您！

请问这个功能改好了吗？改好了能可以给我发一版吗？

James.Lv · James.Lv

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

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

James.Lv · James.Lv

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

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

handfly · handfly

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

Crystal.Li · Crystal.Li

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

使用谷歌浏览器看看

更多的体会 · 更多的体会

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

James.Lv · James.Lv

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

您希望实现一个怎样的效果？

		自动登录	找回密码
密码			立即注册

图片动态预警

11 个回复

活字格认证

活字格高级认证

Wyn高级认证

Wyn认证

微信认证勋章

讲师达人

元老葡萄

悬赏达人