找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

版本更新记录
版本号
更新内容
支持Wyn Enterprise版本
下载地址
V1.0
第一次发布
3.0.04167.0
bubble.zip (8.96 KB, 下载次数: 159)

1. 内容概述
Bubble即力学气泡图,根据数值类型字段来确定气泡的大小以进行对比,且支持与其他组件的数据交叉联动。
本节为您介绍内置扩展组件Bubble的基本用法。
image2019-8-7_10-26-30.png

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

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

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

(4)  编辑外部扩展
拖拽外部扩展组件到编辑区后,单击右上角进入编辑状态,这里我们选择bubble。
image2019-12-11_18-42-11.png

(5)  数据绑定
使用外部扩展中的插件进行数据展示时,需进行数据绑定。
添加外部扩展组件后,“数据绑定”面板会自动打开,将数据集中的字段拖拽到绑定区即可完成数据绑定。
如果仪表板中未加载数据集,则需要先选择一个数据集进行加载,然后再绑定数据字段。详见加载数据集。
image2019-12-11_18-44-9.png

(6)  属性设置
在编辑区右侧选择“属性设置”进行图形样式设置。
image2019-12-11_18-45-6.png
自定义属性设置说明如下:
{
    "showBorder": false,
    "borderWidth": 1,
    "borderColor": "#ccc",
    "color": "#000"
}
1. “showBorder”: 是否开启气泡边框

2. “borderWidth”: 气泡边框大小

3. “borderColor”: 气泡边框颜色

4. “color”: 气泡内文本颜色

(7)  预览并保存仪表板
预览后如效果满意,即可保存仪表板。
image.png248708190.png

0 个回复

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