数据大屏

1. 业务场景

数据大屏是利用相应的系统来分析数据,通过图形的形式为企业提供客观、直接的数据分析结果,让业务人员和企业决策者直观面对数据背后的信息,实时监测企业数据,给予更直观的决策场景体验,助力企业数字化运营升级。

2. 操作流程

1)进入数据可视化,进入数据大屏tab,维护分组信息;

2)在二级分组名称后点击“+”【添加数据大屏】,对数据大屏进行设计;

3)创建完成后可以【编辑】数据大屏;

4)数据大屏完善后,可以点击【发布】数据大屏,则数据大屏此时可以被显示器引用播放;

5)如果数据大屏有更新,则可以点击【更新发布】;

6)如果数据大屏数据不再可以公开使用,则需要通过【隐藏】功能将数据大屏的引用权限收起,但不影响已被使用的数据大屏;

7)隐藏后可以【取消隐藏】,数据大屏恢复隐藏前的状态和功能,可以被引用 。

3. 操作流程图解

3.1 创建分组

1)操作流程:创建分组

2)操作路径:数据可视化-数据大屏-创建分组

3)点击搜索框后的「+」创建一级分组,输入一级分组名称后,点击一级分组后的「+」创建二级分组,输入二级分组名称后,此时分组创建完成,可以在二级分组下创建数据大屏

3.2 编辑分组名称

1)操作流程:选择分组-编辑分组名称

2)操作路径:数据可视化-数据大屏-编辑分组名称

3)鼠标移动至需要修改的分组上,点击出现的「编辑图标」,可以修改分组名称,修改后分组名称实时更新

3.3 删除分组

1)操作流程:选择分组-删除分组

2)操作路径:数据可视化-数据大屏-删除分组

3)鼠标移动至需要删除的分组上,当分组下无报表时出现「删除图标」,可以点击图标后删除分组,删除一级分组时对应所有的二级分组也会被删除,删除后消失,只有分组下没有数据大屏的分组才能直接删除成功

3.4 创建数据大屏

1)操作流程:选择二级分组-创建数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-创建数据大屏

3)鼠标移动至需要创建数据大屏的二级分组上,出现「+」,点击图标后=需要填写数据大屏标题

a数据大屏标题:最大支持20个字,支持汉字、数字、大小写字母、-;同个一级分组下不允许重复;

4)输入标题后进入设计页面

image.png

3.5 编辑数据大屏

1)操作流程:选择数据大屏-编辑数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-编辑数据大屏

3)只能编辑未发布或者已发布但没有被隐藏的数据大屏,且存在三种编辑情况

a. 第一种:点击数据大屏标题后的编辑图标,仅能编辑数据大屏标题;

b. 第二种:点击数据大屏中的数据大屏标题、备注后的编辑图标,可以直接编辑数据大屏标题;

c. 第三种:点击【编辑】按钮,进入数据大屏设计页面,带出已有的组件内容,编辑时的规则与创建时一致,编辑后可以点击保存进行更新,如果未保存直接返回,则编辑无效;

4)编辑后实时生效,数据大屏信息保持展示最新效果

3.6 删除数据大屏

1)操作流程:选择数据大屏-删除数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-删除数据大屏

3)未发布或者已发布但没有被隐藏的数据大屏,并且没被引用,才展示数据大屏菜单名称后的删除图标

4)删除后数据大屏消失

3.7 复制

1)操作流程:选择数据大屏-复制数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-复制数据大屏

3)点击【复制】按钮,复制成功,名称为copy of 原数据大屏标题,展示在原数据大屏分组的最后一个

3.8 发布

1)操作流程:选择数据大屏-发布数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-发布

3)选择单个未发布且没有被隐藏的数据大屏,点击【发布】按钮,数据大屏状态变为已发布,展示最近发布时间;

4)如果数据大屏发布后有更新内容,会展示的更新类型:更新数据大屏信息/更新数据大屏内容

3.9 查看最近一次发布的版本

1)操作流程:选择数据大屏-查看最近一次发布的版本

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-更新发布数据大屏

3)当数据大屏发布后有更新,在最近发布时间左侧展示【查看】,在最近发布时间下展示更新的类型,点击查看可以查看最近发布的版本

3.10 更新发布

1)操作流程:选择数据大屏-更新发布数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-更新发布数据大屏

3)选择单个已发布且没有被隐藏的数据大屏,并且该数据大屏在上次发布后有所更新,可以点击【更新发布】按钮,将最新的数据大屏内容发布至业务系统,业务系统引用的数据大屏为最新内容;

4)如果更新了内容,但未点击更新发布,则展示的仍是上次发布的数据大屏

3.11 隐藏

1)操作流程:选择数据大屏-隐藏数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-隐藏数据大屏

3)数据大屏默认不隐藏,点击数据大屏左侧的是否隐藏可以切换

a. 未发布的数据大屏,较隐藏前,不可以操作【发布】,可以【取消隐藏】;

b. 已发布的数据大屏,较隐藏前,只能操作【导出图片、导出excel、取消隐藏】;

4)隐藏后的数据大屏不可以被用于展示在其他大屏上,但不影响已经被引用的数据

3.12 取消隐藏

1)操作流程:选择数据大屏-取消隐藏数据大屏

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-取消隐藏数据大屏

3)隐藏后的数据大屏可以取消隐藏,切换是否隐藏=否,取消隐藏后,数据大屏恢复隐藏前的状态和功能,可以被引用

3.13 查看引用

1)流程:选择图表-查看被哪些报表/数据大屏/页面引用

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-更多-查看引用

3)选择具体的数据大屏,查看当前数据大屏被引用的所有信息

3.14 不允许别人编辑

1)流程:选择数据大屏-不允许别人编辑

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-更多-不允许别人编辑

3)选择自己创建的数据大屏,对数据大屏是否允许其他人编辑进行设置;如果设置为不允许,则其他人无法编辑数据大屏

3.15 不允许别人引用

1)流程:选择图表-更多-不允许别人引用

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-更多-不允许别人引用

3)选择自己创建的数据大屏,对数据大屏是否允许他人引用进行设置;如果设置为不允许,则其他人无法选择到

3.16 导出图片

1)操作流程:选择数据大屏-导出图片

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-导出图片

3)选择数据大屏后,点击【导出图片】按钮可以将当前数据大屏导出为图片

3.17 导出EXCEL

1)操作流程:选择数据大屏-导出EXCEL

2)操作路径:数据可视化-数据大屏-二级分组-数据大屏-数据大屏导出EXCEL

3)选择数据大屏后,点击【导出EXCEL】按钮可以将当前数据大屏包含的图表导出为EXCEL

4. 数据大屏设计页面

4.1 缩放自适应

1)流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)进入页面后,默认按照当前屏幕展示最适合的数据大屏尺寸,可以通过+、-进行自定义缩放,每次缩放10%

4.2 全屏

1)流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)进入页面后,设置完成,可以【全屏】查看效果,按esc退出全屏

4.3 保存

1) 流程:创建数据大屏-进入数据大屏设计页面

2) 操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3) 进入页面后,设置完成后进行保存,数据大屏保持最新内容

4.4 添加、编辑、删除组件

1)流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)可以添加图表、文本、通用标题、倒计时、时间器、图片、轮播图、视频、边框等组件;图表组件中,一个图表只能添加一次,其他组件不限制数量;

4)所有组件添加后均可进行设置样式,有编辑权限的图表组件可以通过【编辑】图标直接进入图表设计页面;

5)添加后均可删除,删除后组件不再展示在数据大屏画布中,可以重新添加

4.5 数据大屏设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)设置数据大屏时可以设置屏幕的宽高、背景颜色、背景图片、主题

a. 宽高:根据数据大屏需要投放的屏幕大小进行设置;

b. 背景颜色:当数据大屏无图片背景时可以调整背景颜色;

c. 背景图片:支持为数据大屏上传一张图片作为背景;

d. 主题模版:可任选其一,需要先选定模版后再进行设计,不然设计完后再修改模版,会清空已选组件。

image.png

4.6 图表组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)拖入图表组件,可与边框合为一体,可以设置图表的显示内容、边框信息、动画效果、刷新频率

a. 图表显示内容:展示标题、副标题、描述、标签、图例,一屏展示条数,原图表有的内容在设置展示后展示在数据大屏,原图表没有的内容设置展示后不生效;

b. 边框信息:包括边框样式、背景颜色、边框线条颜色、展示边框标题、边框标题内容、边框标题颜色、边框标题字体大小;

c. 动画效果:可以设置自动轮播,为是时可以设置结束后停顿时长、速度、切换形式;

d. 刷新频率:设置图表获取数据的频率,自动刷新、刷新频率。

4.7 文本组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)拖入文本组件后,可以输入多行文本,可以设置内容、对齐方式、字体大小、字体加粗、字体颜色、背景颜色、边框样式、文字滚动、结束后停顿、速度

4)当文字滚动开启时,文字会按照一行展示,通过设置结束后停顿和速度来控制文字滚动的效果

image.png

4.8 通用标题组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)默认根据主题展示标题的样式,可选择自定义,选择后,需要设置标题的字体大小、对齐方式、字体颜色、字体背景颜色等内容

image.png

image.png

4.9 倒计时组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)倒计时需要选择一个未来的时间

4.10 时间器组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)拖入后可以设置组件名称、字体大小等

image.png

4.11 图片组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)选择图表组件后,需要上传图片,支持上传的图片格式:bmp、jpg、jpeg、png、gif,可以为图片设置链接,点击即可跳转

image.png

4.12 轮播图组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)拖入后需要按照轮播图的图片数量上传图片,支持上传的图片格式:bmp、jpg、jpeg、png、gif,每张图都可以贴对应的链接

4)如果设置非自动轮播则需要手动切换,设置自动轮播则需要设置轮播速度和效果

image.png

4.13 视频组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)需要上传视频,支持上传的视频格式:AVI、WMV、MPEG、QuickTime、RealVideo、Flash、Mpeg-4、mkv

image.png

4.14 样式组件设置

1)操作流程:创建数据大屏-进入数据大屏设计页面

2)操作路径:数据可视化-数据大屏-创建/编辑-设计页面

3)包括边框一、二、三,以及线条、圆形、矩形的设置,用于不使用主题模版时自定义数据大屏

Oinone社区 作者:史, 昂原创文章,如若转载,请注明出处:https://doc.oinone.top/oio4/9424.html

访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验

(0)
史, 昂的头像史, 昂数式管理员
上一篇 2024年6月20日 am9:49
下一篇 2024年6月20日

相关推荐

  • 4.1.4 模块之元数据详解

    介绍Module相关元数据,以及对应代码注解方式。大家还是可以通读下,以备不时之需 如您还不了解Module的定义,可以先看下2.3【oinone独特之源,元数据与设计原则】一文对Module的描述,本节主要带大家了解Module元数据构成,能让小伙伴非常清楚oinone从哪些维度来描述Module, 一、元数据说明 ModuleDefinition 元素数据构成 含义 对应注解 备注 displayName 显示名称 @Module( displayName=””, name=””, version=””, category=””, summary=””, dependencies={“”,””}, exclusions={“”,””}, priority=1L ) name 技术名称 latestVersion 安装版本 category 分类编码 summary 描述摘要 moduleDependencies 依赖模块编码列表 moduleExclusions 互斥模块编码列表 priority 排序 module 模块编码 @Module.module(“”) dsKey 逻辑数据源名 @Module.Ds(“”) excludeHooks 排除拦截器列表 @Module.Hook(excludes={“”,””}) website 站点 @Module.Advanced( website=”http://www.oinone.top”, author=”oinone”, description=”oinone”, application=false, demo=false, web=false, toBuy=false, selfBuilt=true, license=SoftwareLicenseEnum.PEEL1, maintainer=”oinone”, contributors=”oinone”, url=”http://git.com” ) author module的作者 description 描述 application 是否应用 demo 是否演示应用 web 是否web应用 toBuy 是否需要跳转到website去购买 selfBuilt 自建应用 license 许可证 默认PEEL1 可选范围: GPL2 GPL2ORLATER GPL3 GPL3ORLATER AGPL3 LGPL3 ORTHEROSI PEEL1 PPL1 ORTHERPROPRIETARY maintainer 维护者 contributors 贡献者列表 url 代码库的地址 boot 是否自动安装的引导启动项 @Boot 加上该注解代表: 启动时会自动安装,不管yml文件的modules是否配置 moduleClazz 模块定义所在类 只有用代码编写的模块才有 packagePrefix 包路径,用于扫描该模块下的其他元数据 dependentPackagePrefix 依赖模块列对应的扫描路径 state 状态 系统自动计算,无需配置 metaSource 元数据来源 publishCount 发布总次数 platformVersion 最新平台版本 本地与中心平台的版本对应。做远程更新时会用到 publishedVersion 最新发布版本 表4-1-4-1 ModuleDefinition UeModule 是对ModuleDefinition的继承,并扩展了跟前端交互相关的元数据 元素数据构成 含义 对应注解 备注 homePage Model 跳转模型编码 @UxHomepage(@UxRoute() 对应一个ViewAction,如果UxRoute只配置了模型,则默认到该模型的列表页 homePage Name 视图动作或者链接动作名称 logo 图标 @UxAppLogo(logo=””) 表4-1-4-2 UeModule 二、元数据,代码注解方式 Module Module ├── displayName 显示名称 ├── name 技术名称 ├── version 安装版本 ├── category 分类编码 ├── summary 描述摘要 ├── dependencies 依赖模块编码列表 ├── exclusions 互斥模块编码列表 ├── priority 排序 ├── module 模块编码 │ └── value ├── Ds 逻辑数据源名 │ └── value ├── Hook 排除拦截器列表…

    Oinone 7天入门到精通 2024年5月23日
    1.1K00
  • 工作台

    1. 工作台介绍 工作台用于呈现集成相关的统计数据,包括: 连接器总数:集成资源连接器总数; 数据流程总数:定义的数据连接流程总数; 任务总执行数:任务总执行数(统计流程实例数量); 总异常任务数:总执行异常的任务数; 开放接口数:合计开放接口数量(包含所有状态)。 2. 快捷连接 快捷连接是通过快捷筛选所需要链接的集成资源(应用/Oinone平台应用/数据库等),进入【数据流程创建页】,同时展示平台提供的数据流程模版,点击开始连接可使用数据流程模型创建数据流程。 开始连接后进入流程创建页:

    2024年6月20日
    1.1K00
  • 4.1.14 Search之非存储字段条件

    search默认查询的是模型的queryPage函数,但我们有时候需要替换调用的函数,这个特性会在下个版本支持。其核心场景为当搜索条件中有非存储字段,如果直接用queryPage函数的rsql拼接就会报错,所以非存储字段不会增加在rsql中。本文介绍一个比较友好的临时替代方案。 非存储字段条件(举例) Step1 为PetTalent新增一个非存储字段unStore @Field(displayName = "非存储字段测试",store = NullableBoolEnum.FALSE) private String unStore; 图4-1-14-1 为PetTalent新增一个非存储字段unStore Step2 修改PetTalent的Table视图的Template 在标签内增加一个查询条件 <field data="unStore" /> 图4-1-14-2 修改PetTalent的Table视图的Template Step3 重启看效果 进入宠物达人列表页,在搜索框【非存储字段测试】输入查询内容,点击搜索跟无条件一致 Step4 修改PetTalentAction的queryPage方法 package pro.shushi.pamirs.demo.core.action; …… 引入依赖类 @Model.model(PetTalent.MODEL_MODEL) @Component public class PetTalentAction { ……其他代码 @Function.Advanced(type= FunctionTypeEnum.QUERY) @Function.fun(FunctionConstants.queryPage) @Function(openLevel = {FunctionOpenEnum.API}) public Pagination<PetTalent> queryPage(Pagination<PetTalent> page, IWrapper<PetTalent> queryWrapper){ QueryWrapper<PetTalent> queryWrapper1 = (QueryWrapper<PetTalent>) queryWrapper; Map<String, Object> queryData = queryWrapper.getQueryData(); String unStore = (String) queryData.get(LambdaUtil.fetchFieldName(PetTalent::getUnStore)); if (StringUtils.isNotEmpty(unStore)) { //转换查询条件 queryWrapper1.like( 图4-1-14-3 修改PetTalentAction的queryPage方法 Step5 重启看效果 在搜索框【非存储字段测试】输入查询内容,跟通过【达人】字段搜索的效果是一致的 图4-1-14-4 示例效果

    2024年5月23日
    91200

Leave a Reply

登录后才能评论