配置大屏

创建大屏后进入大屏配置页面,可进行页面装饰配置和组件配置。

配置页面分为三个区域,左侧为可添加的图表组件区、中间为展示区、右侧为操作区。

模板

为了提高创建大屏的快捷性,降低用户使用大屏的成本,V3.5.1及以上版本中提供了和平台相互结合的大屏模板,这些模板可一键接入数据(前提需要使用基调听云用户体验类产品)。

我们还提供了保险行业、IT行业等多个行业的模板大屏,以及其他5个参考大屏。

除此之外,基调听云还支持为客户按需定制用户体验大屏模板。

配置模板,请按照以下步骤进行操作:

  1. 在左侧的模板列表中选择需要的模板,右侧区域将会展示该模板的样式。

    template1

  2. 在右侧区域的中间位置,单击下一步(进入大屏配置),进入配置页面。

  3. 在右侧模板区域,可对整个模板的分辨率,要展示的应用、页面、任务等,背景颜色,底图,是否定时刷新数据进行设置。

  4. 单击模板中的一个组件,可在右侧区域对该组件进行自定义设置。组件支持拖拽。

    template2

自定义分辨率

在右侧操作区单击模板页签,进入模板设置页面。用户可对当前大屏的分辨率进行设置。默认值为1920(高)*1080(宽)。

自由布局

用户可以根据自己的业务,将重要的图表、数据等重要信息进行自定义布局摆放、拖拽、放大和缩小,真正实现大屏自由布局成本最小化。

选中组件或图表后,可拉伸、拖拽到任意位置。

底图

在右侧操作区单击模板页签,进入模板设置页面。在底图选择区域,基调听云官方提供了五个大屏的底图,为了保证业务所需,基调听云支持底图上传的功能,用户可根据自己公司的UI风格来上传自定义的底图。

说明:为了保证大屏打开的速度和效果,建议底图大小在2M以内。

背景颜色

在右侧操作区单击模板页签,进入模板设置页面。在背景颜色下拉菜单中可选择单一颜色上下渐变径向渐变,单击颜色小方块,弹出颜色配置框,选定颜色后,效果将体现在大屏中。

组件操作

  • 在组件上,右键单击鼠标,可弹可操作菜单。

  • 可对组件进行复制、删除、粘贴、上一层、下一层、置底、置顶等操作。

  • 复制、粘贴通知支持键盘快捷键操作。

  • 删除支持键盘Delete快捷键操作。

组件配置

大屏产品提供多个组件,如下表所示。通过进行基础设置和组件设置,即可完成对下面组件的配置。

类别 包含的图表名称
饼图 饼图、3D饼图、彩色进度条、立体占比图、ECharts饼图、3D单个指标饼图、迷你饼图
柱状图 柱状图、3D柱状图、3D柱状图2、堆叠柱状图、彩色柱状图、渐变柱状图、核心指标
折线图 折线图、折线图2、ECharts折线图、折线面积图、迷你面积图、轮播折线图
指标 性能指标、气泡图、PV数字组件、数字指标、指标组件、圆形占比图、用户体验评分、数字概览组件、指标比例图、仪表盘、彩色指标、多维指标、星级图
雷达图 雷达图、3D雷达图、网状雷达图、旋转雷达图
地图 地图、中国地图、世界地图、3D世界地图、3D地球
占比图 占比图、3D水柱图、分类占比图、三维饼状占比图、方式占比图
表格 轮播列表、告警列表、告警列表2、多字段列表、图例列表、告警故障列表、告警信息、翻页列表
混合列表 雷达图列表、雷达图列表2、概览列表
关系图 拓扑图、桑基图、层级树、层级树2、拓扑3D、星空环布图、环形拓扑
混合柱状图 汇总柱状图
漏斗图 漏斗图
柱状折线混合图 3D柱状折线图、柱状折线图
混合折线图 指标面积图
面积图 矩形树图
其他组件 ECharts、Higcharts、Iframe

基础设置

通过基础设置可对当前组件的外观、配色、位置、组件名称以及部分部件进行自定义设置。在右侧操作区单击基础设置页签,进入基础设置页面。通用基础设置说明如下:

  • 自定义曲线区域,可对组件的X轴、Y轴、Z轴、宽、高进行自定义。X轴、Y轴、Z轴可输入负值。单击img的上三角和下三角可进行细粒度调节。

    img

  • 名称文本框中,可以自定义组件的名称。最多可输入50个字符,支持特殊字符。

  • 拖动滑动条,可对组件的整体缩放比例进行配置。配置文字后括号内显示具体的缩放比例。

    img

  • 图表样式区域,可选择当前组件的样式。

  • 数据颜色区域,在下拉菜单中选择统计指标,单击颜色小方块,弹出颜色配置框,选定颜色后,单击确定,效果将体现在组件中。

各组件特有的设置请参见系统界面上的提示信息。

组件设置

用户根据基调听云的API规范即可将第三方数据接入大屏,实现数据展示一体化。

在右侧操作区单击组件设置页签,进入组件设置页面。组件进行数据接入,均可在此页签下进行设置。基调听云大屏所有组件的数据接入均支持API、数据库(MySQL、DB2、Oracle、SQL Server、达梦)、CSV、DEMO四种形式。

API数据接入

接入方式下拉菜单中选择API。API的具体配置方法,可以参考API接入规范

  • API URI:输入接口,例如file:/sense3Bubble/1。

  • Method:支持GET和POST两种方式。

  • Token:客户的研发人员和基调听云研发人员可约定一个token,用于接口的安全校验,也可以不设置。

  • 数据刷新频率:设置组件的数据刷新频率,单位为秒。单击重新获取数据按钮后,组件中的数据将重新加载,刷新频率开始生效。

数据库数据接入

接入方式下拉菜单中选择数据库

  • 单击新建,在弹出的对话框中设置该项数据的名称、选择数据库(如果还没有数据库,单击旁边的新建按钮进行创建)和SQL查询语句。新创建的数据将会展示在选择数据区域。

    img

  • 选择一项数据后,单击编辑,可修改数据。

  • 选择一项数据后,单击删除,可删除数据。

  • 数据刷新频率:设置组件的数据刷新频率,单位为秒。单击重新获取数据按钮后,组件中的数据将重新加载,刷新频率开始生效。

CSV数据接入

接入方式下拉菜单中选择CSV

  • 单击新建,在弹出的对话框中设置该项数据的名称、下载模板、上传CSV文件。新创建的数据将会展示在选择数据区域。

  • 选择一项数据后,单击编辑,可修改数据。

  • 选择一项数据后,单击删除,可删除数据。

  • 数据刷新频率:设置组件的数据刷新频率,单位为秒。单击重新获取数据按钮后,组件中的数据将重新加载,刷新频率开始生效。

Demo数据接入

接入方式下拉菜单中选择Demo数据,下面会出现当前组件的代码编辑器。

  • 在代码编辑器的右下角单击放大图标,将编辑器进行放大,便于代码编辑。

  • 在Demo代码中,用户可对当前组件的数值和名称等信息进行更改,如下图所示。

  • 单击运行按钮后,编辑的数据即在组件上进行更新。

装饰

具体说明,请参见装饰

报表添加

基调听云大屏为更好的服务基调听云APM产品,可对平台中展示的图表一键添加到大屏展示,无需繁杂的API接入。目前支持的基调听云图表添加包含业务分析、Web、APM中的图表。

在图表右下角点击添加到大屏图标,输入图表名称,点击添加即可。

添加后在配置页面左侧区域即可看到添加完成的图表。

投屏

基调听云大屏配置完成后,通过投屏按钮即可实现一键投屏。

© 2007-2023 北京基调网络股份有限公司 all right reserved,powered by Gitbook本文档更新于: 2021-12-09 16:19

results matching ""

    No results matching ""