找回密码
 立即注册

QQ登录

只需一步,快速开始

James.Lv 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2020-2-15 00:40  /   查看:5170  /  回复:11
本帖最后由 JamesLv 于 2020-2-15 00:42 编辑

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

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

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

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

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

(4)  新建仪表板添加外部扩展组件
将外部扩展组件拖拽到仪表板编辑区。
image2019-12-11_18-41-35.png

(5)  选择插件
单击组件右上角进入编辑状态,选择“图片动态预警”,然后单击“确定”。
image2020-1-10_14-44-42.png

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

(7)  属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。
image2020-1-10_16-12-29.png
自定义属性设置说明如下:
{
   "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


11 个回复

倒序浏览
QYJ39
注册会员   /  发表于:2020-9-23 16:24:51
沙发
Wyn里面的设备预警图,能实现点击某一个设备查询出该设备对应的运行参数的数据 blob417293395.png
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2020-9-23 18:37:20
板凳
您好,这个是可以的,我们增加一下这个功能,到时候发给您!
回复 使用道具 举报
信息搬运工
注册会员   /  发表于:2021-2-5 16:09:50
地板
JamesLv 发表于 2020-9-23 18:37
您好,这个是可以的,我们增加一下这个功能,到时候发给您!

请问这个功能改好了吗?改好了能可以给我发一版吗?
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-2-5 16:59:55
5#
信息搬运工 发表于 2021-2-5 16:09
请问这个功能改好了吗?改好了能可以给我发一版吗?

您好,这个下周我给您发一个
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-2-19 15:13:40
6#
信息搬运工 发表于 2021-2-5 16:09
请问这个功能改好了吗?改好了能可以给我发一版吗?

您好,这个功能改好了,您从下面地址进行下载使用:
图片动态预警
https://gcdn.grapecity.com.cn/fo ... 8&fromuid=57091
(出处: 葡萄城产品技术社区)
回复 使用道具 举报
handfly
注册会员   /  发表于:2021-5-12 17:38:54
7#
为什么我设置好了,颜色都显示正常,但是图片显示不出来 blob529320983.png
回复 使用道具 举报
Crystal.Li讲师达人认证 悬赏达人认证
论坛元老   /  发表于:2021-5-12 17:59:22
8#
handfly 发表于 2021-5-12 17:38
为什么我设置好了,颜色都显示正常,但是图片显示不出来

使用谷歌浏览器看看
回复 使用道具 举报
更多的体会
注册会员   /  发表于:2021-12-13 09:05:45
9#
不同产线设备名也不同,岔开了呀
回复 使用道具 举报
James.Lv讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2021-12-13 09:56:06
10#
更多的体会 发表于 2021-12-13 09:05
不同产线设备名也不同,岔开了呀

您希望实现一个怎样的效果?
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部