数据大屏

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日

相关推荐

  • 应用中心

    在App Finder 中点击应用中心可以进入Oinone的应用中心,可以看到Oinone平台所有应用列表、应用大屏、以及技术可视化。 1. App Finder 平台提供App Finder搜索查找已安装的应用、点击进入应用; 我收藏的应用:在应用中心收藏后会呈现在“我收藏的应用”; 业务应用:与业务相关、用户可操作的应用; 设计器:平台提供五大设计器设计应用,即平台的无代码能力,包括:模型设计器、界面设计器、流程设计器、数据可视化、集成设计器。 2. 应用列表 应用列表管理平台中所有应用,管理应用的生命周期,如安装、升级、卸载,提供搜索、创建、编辑、卸载、收藏、设置首页等功能。 在介绍应用具体操作前,我们先来了解以下概念: 应用类型:分为应用与模块两种类型,两者区别在于在于应用有前台页面,可以在前台页面操作数据,模块没有前台页面、服务于其他应用或模块,大家在创建应用时可根据业务需求创建应用或模块。 依赖:创建新应用时,可依赖已有应用或模块,依赖后使用依赖应用/模块的能力,比如依赖文件应用可使用导入、导出能力,依赖资源应用可使用地址、语言等能力。 图3-2-35 Oinone的应用列表 2.1 创建 创建应用时,需要选择类型、定义应用名称、技术名称,选择依赖模块、所属分类、客户端类型。 每个应用大多数都需要依赖一些基础模块:文件、资源、 应用分类是按照应用所属业务域进行的分类管理,目前是平台提供的分类,后续会开放给用户自行管理。 客户端类型是指应用适用于PC端、移动端,如果只选择PC端,则应用不可在移动端使用。 2.2 编辑 编辑时,不允许编辑类型,技术名称,需要在创建时定义正确。 2.3 安装与卸载 卸载后,应用就不会呈现在App Finder中,不可进入应用、使用应用,可重新安装,安装后继续使用。 2.4 收藏应用 点击应用卡片右上角的星标可收藏、取消收藏应用,收藏的应用在App Finder和工作台中展示在收藏位置,可快捷进入。 2.5 设置首页 定义每个应用的首页,有两种方式: a. 通过绑定菜单,进入绑定菜单的页面; b. 直接绑定视图,选择模型、找到模型下的视图,如果可作为首页的视图不存在,也可以进入设计器创建。 2.6 应用详情 点击了解更多,可进入应用详情,查看应用基础信息。 2.7 设计器快捷入口 设计页面:进入界面设计器; 设计模型:进入模型设计器; 设计流程:进入流程设计器; 3. 应用大屏 应用大屏按照分类展示应用,未设置应用分类的应用,无法在应用大屏中呈现。 图3-2-37 未设置应用类目则无法在应用大屏中呈现。 4. 技术可视化 在技术可视化页面,出展示已经安装模块的元数据,并进行分类呈现。 图3-2-38 云数据分类呈现

    2024年5月23日
    77900
  • 5.2 CDM之工程模式

    两种工程模式介绍 oinone推荐的两种工程模式都保留互联网特性,如跟业务无关的基础平台还是采用平台化思路建设。二种侧重点差异如下 第一种:比较适合企业采用多供应商联合开发场景,先以业务区分,各个业务线有独立的领域平台,最大限度保持不同业务线的独立性,有利于各个业务线独立发展(目前oinone上层星空系列产品采用这种工程模式,因为我们期望的时候帮助企业构建软件生态,必然要考虑不同供应商联合开发场景) 第二种:比较接近传统互联网架构,先按平台领域区分,如商品领域:商品平台做总工程,但里面按业务区分模块分子工程来保持业务相互独立,相对于第一种把领域的代码放一起,带来好处强化大家思考模型通用性。但不适用于跨公司主体间配合。 图5-2-1 Oinone-CDM的两种工程模式 注意事项: oinone兼容传统互联网架构 不管哪种模式,都需要解决CDM的维护问题 CDM维护的常见问题: Q:CDM层缺少模型怎么办? A:CDM层模型是逐步完善和丰富的。如果是特定业务自己需要的模型,这类模型无通用性。则加到自己的工程中;如果是通用的,则架构组确定是否需要纳入到CDM。 Q:CDM层已有的模型缺少字段怎么办? A:CDM层模型的字段也是逐步完善和丰富的,通用的字段在架构组确定后也会被吸收进来 Q:CDM层不同业务线相互影响怎么办? A:扩展字段最好带上自有前缀标志,如果觉得通用则提交架构组走模型缺少字段加入 Q:CDM层某模型新增加了的字段,但原先业务线已经加了相同含义字段 A:业务线可以把自己的字段related到CDM增加的新字段,并做数据迁移

    2024年5月23日
    53400
  • 4.2.5 框架之网络请求-Request

    在中后台业务场景中,大部分的请求时候是可以被枚举的,比如创建、删除、更新、查询。在上文中,我们讲了httpClient如何自定义请求,来实现自己的业务诉求。本文中讲到的Request是离业务更近一步的封装,他提供了开箱即用的API,比如insertOne、updateOne,它是基于HttpClient做的二次封装,当你熟悉Request时,在中后台的业务场景中,所有的业务接口自定义将事半功倍。 一、Request详细介绍 元数据-model 获取模型实例 import { getModel } from '@kunlun/dependencies' getModel('modelName'); 图4-2-5-1 获取模型实例 清除所有缓存的模型 import { cleanModelCache } from '@kunlun/dependencies' cleanModelCache(); 图4-2-5-2 清除所有缓存的模型 元数据-module 获取应用实例,包含应用入口和菜单 import { queryModuleByName } from '@kunlun/dependencies' queryModuleByName('moduleName') 图4-2-5-3 获取应用实例 查询当前用户所有的应用 import { loadModules } from '@kunlun/dependencies' loadModules() 图4-2-5-4 查询当前用户所有的应用 query 分页查询 import { queryPage } from '@kunlun/dependencies' queryPage(modelName, { pageSize: 15, // 一次查询几条 currentPage, 1, // 当前页码 condition?: '' // 查询条件 maxDepth?: 1, // 查几层模型出来,如果有2,会把所有查询字段的关系字段都查出来 sort?: []; // 排序规则 }, fields, variables, context) 图4-2-5-5 分页查询 自定义分页查询-可自定义后端接口查询数据 import { customQueryPage } from '@kunlun/dependencies' customQueryPage(modelName, methodName, { pageSize: 15, // 一次查询几条 currentPage, 1, // 当前页码 condition?: '' // 查询条件 maxDepth?: 1, // 查几层模型出来,如果有2,会把所有查询字段的关系字段都查出来 sort?: []; // 排序规则 }, fields, variables, context) 图4-2-5-6 自定义分页查询 查询一条-根据params匹配出一条数据 import { queryOne } from '@kunlun/dependencies' customQueryPage(modelName, params, fields, variables, context) 图4-2-5-7 根据params匹配出一条数据 自定义查询 import { customQuery } from '@kunlun/dependencies' customQuery(methodName, modelName, record, fields, variables, context) 图4-2-5-8 自定义查询 update import { updateOne } from '@kunlun/dependencies' updateOne(modelName, record, fields, variables, context) 图4-2-5-9 update insert import { insertOne } from '@kunlun/dependencies' insertOne(modelName, record, fields, variables, context) 图4-2-5-10 insert delete import { deleteOne } from '@kunlun/dependencies'…

    2024年5月23日
    71200
  • 3.3 Oinone以模型为驱动

    模型(model):Oinone一切从模型出发,是数据及对行为的载体: 是对所需要描述的实体进行必要的简化,并用适当的变现形式或规则把它的主要特征描述出来所得到的系统模仿品。模型由元信息、字段、数据管理器和自定义函数构成; 符合面向对象设计原则包括:封装、继承、多态。 本章会带大家快速而全方位地认识Oinone的模型。会从以下几个维度去对模型展开详细介绍。 构建第一个Model 模型的类型 模型的数据管理器 模型的继承 模型编码生成器 枚举与数据字典 字段序列化方式 字段类型之基础与复合 字段类型之关系与引用

  • 页面设计

    1. 功能说明 页面设计时界面设计器中「页面」模块的设计入口,在这个界面,进行页面的设置、搭建、设计、排版。 主要分为顶部操作栏、左侧工具栏、中部设计画布区、右侧属性面板。 2. 操作栏 进入页面设计,顶部显示了页面的标题,以及返回、发布等操作。 2.1 发布 页面设计完成后,点击「发布」运行页面生效。若不点击发布,页面也有自动保存的功能,但在发布前,自动保存也等同于草稿,不会正式生效。 发布时如果有属性不符合校验规则(必填的属性未填、输入的内容校验不通过),会发布失败,相应的字段会特殊标记,需要查看并修改属性。 2.2 显示/隐藏母版 进入页面设计时默认不展示母版,可以手动操作显示母版 3. 工具栏 左侧的工具栏中包括组件库、页面设置等模块。 3.1 组件库 组件库中包含组件和模型,组件是当前设计器支持的所有组件,模型是页面所在模型下的所有字段和动作。 3.1.1 组件 组件中展示了系统支持的所有组件。包含 1)布局类组件,如分组、选项卡等,使用布局组件可以将页面进字段分类、分页; 2)字段类组件,如单行文本、整数、日期等等,使用字段类组件时都会在模型下对应创建一个字段; 3)动作类组件,如跳转动作、提交动作、链接动作等。 3.1.2 模型 组件库顶部,由组件可切换为模型:模型选项下,会展示当前模型的所有字段,以及系统默认动作。可以直接拖拽字段至设计画布中,会应用形成某个组件,可对组件进行多样的属性设置,优化交互。 3.1.2 组件和模型有什么区别 1展示内容维度不同 组件中展示的内容是组件信息,如分组、选项卡、单行文本、文件上传等;模型中展示的是模型下已有的所有字段。 2使用功能不同 组件中的组件使用前需要在模型中创建一个字段,当然,创建好的字段也会存在于模型中;模型中的字段可直接使用,并且使用时会在设计画布中对应生成个默认组件。 3使用场景不同 如果模型中已经存在目标字段,应直接选择从模型中拖拽字段;如果模型中没有需要的字段,可以在页面中增加一个组件,实际上也是在新增一个字段。 3.2 页面设置 页面设置中可以修改当前页面的标题、分组、页面描述,同时也是给页面上传缩略图的唯一入口。 4. 设计画布 将组件或字段拖拽至设计画布区,会生成样式。点击组件,右侧可对其进行设置,大部分属性可实时在画布中展示效果。 5. 属性面板 右侧属性面板抽屉中可以设置属性或查看字段信息,通过不同的属性配置化实现组件的多样化。 5.1 属性 属性中包括基本信息(如标题、占位提示、描述说明等)、校验信息(如是否必填、长度校验等)、交互信息(如排序方式、是否展示计数器等) 5.2 字段 首次从组件中拖拽,会先展示字段信息,并且是需要先创建一个字段,字段创建成功后,再次切换字段选项,只读展示当前组件所对应的字段基本信息。同理,如果是直接从字段中拖拽,字段选项中,只读展示当前字段基本信息。

    2024年6月20日
    1.7K00

Leave a Reply

登录后才能评论