找回密码
 立即注册

QQ登录

只需一步,快速开始

James.Lv 讲师达人认证 悬赏达人认证 活字格认证 Wyn认证
超级版主   /  发表于:2020-2-16 00:37  /   查看:2575  /  回复:0
在仪表板中除了使用系统已有的可视化组件之外,还可以通过内置扩展插件,甚至自定义插件绘制更多样化的图表以更丰富的形式展示数据。
版本更新记录
版本号
更新内容
支持Wyn Enterprise版本
下载地址
V1.0
第一次发布
3.0.04167.0
水波球.zip (862 KB, 下载次数: 48)

1. 内容概述
水波球以动态水波以及中心的数据形象美观的显示出百分比情况。
如绑定一个数据,则直接显示该数据的百分比格式。如绑定两个数据,则显示第一个数据占第二个数据的百分比。
效果图.gif
接下来就为您介绍这款扩展组件的具体用法。

2. 操作步骤
(1)  下载插件包
下载水波球插件包,将其保存到本地计算机并解压。

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

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

(4)  选择插件
单击组件右上角进入编辑状态,选择“水波球”,然后单击“确定”。
image2020-1-17_15-27-49.png

(5)  数据绑定
添加外部扩展组件后,“数据绑定”面板会自动打开,将数据集中的度量字段“折扣”拖拽到数值绑定区,并添加聚合运算--平均数。
image2020-1-17_15-29-14.png

或者在数值绑定区绑定两个字段,将计算第一个字段占第二个字段的百分比。
image2020-1-17_15-45-59.png

(6)  属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。
image2020-1-17_15-48-53.png
自定义属性设置说明如下:
{
   "backgroundColor": "#f7f7f7",

    "borderWidth": 1,
    "borderColor": "#ccc",
    "shadowColor": "#000",
    "fontColor": "blue",
    "fontSize": 20,
    "waterColors": "red;blue;green",
    "waterColorValues": "0.1;0.5"
}
1.“backgroundColor”:设置水波球的背景颜色。2.“borderWidth”:设置水波球的边框粗细。
3.“borderColor”:设置水波球的边框颜色。
4."shadowColor": 设置水波球边框的阴影颜色。
5."fontColor": 设置球体中心字体的颜色。
6."fontSize": 设置球体中心字体的大小。
7."waterColors": 设置球体内水波的颜色范围,
实际显示的颜色会根据球体中心数值落在颜色界定值的哪个范围决定。
8."waterColorValues": 设置水波颜色的界定值。

(7)  预览并保存仪表板
预览后如效果满意,即可保存仪表板。
image2020-1-17_16-4-4.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部