检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
测试API接口：用于测试该接口，单击“测试API接口”，“样例报文”中会显示输出结果。 样例报文：对应API接口的响应样例报文数据格式，数据集的元数据结构由该样例报文经转换器处理后的数据结构确定。 转换器：选择新建转换器中创建的转换器或华为云Astro大屏应用预置的转换器，用于对数据进行转换处理。本示例新建一个转换器，用于返回符合条件的数据。
的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图6 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。
查看操作日志 在操作日志中，可查看同一租户下，所有用户操作华为云Astro大屏应用的日志记录，用来进行系统运营分析。 查看操作日志 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，单击页面右上方的“管理”，进入华为云Astro大屏应用管理页面。
ECharts图表”中，拖拽“基础折线图”组件至画布空白区域，如图1。 图1 Echarts图表 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 ECharts图表卡片 卡片装饰：
返回我的库页面，在组件上单击，可查看到新版本的库。 图10 查看新版本的库 查看库历史版本 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击，即可查看库的历史版本。 图11
即为配置组件数据。在华为云Astro大屏应用中，页面组件的数据来源包括非数据源（包括桥接器预置、静态数据和数据集等）和数据源（包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等）。选中组件，单击组件上方的，即可配置组件在页面呈现数据的来源。 图1 为组件配置数据
在配置中，设置组件的全局样式、表头设置、行、序列号等。 图4 基础表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前页显示多少行数据。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。
数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。所有列的表头对齐方式同步修改。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。
图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 通用表格图形 统一配置 表头行高占比(%)：设置表头的行高占比。 背景色：设置表头背景色。 对齐方式：设置表头对齐方式。 表头字体：设置表头的字体、大小和颜色等。 内容字体：设置表格内容的字体、大小和颜色等。
边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的数据标记柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角
递，从而达到交互的目的，例如图表联动、自定义字段等功能。AstroZero不支持配置全局变量。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图4 拖拽字段到坐标轴 表格字段：展示创建数据集中，获取的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据和系列中。
仪表盘 仪表盘是指通过仪表的特殊展示方式，对数据进行展示。 在大屏设计页面，从“全部组件 > 仪表盘”中，拖拽“仪表盘”组件至画布空白区域，如图1。 图1 仪表盘 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
配置数据集参数。 图2 配置数据集参数 查询类型：设置查询数据的类型，如查询时间范围内的数据或瞬时数据。 查询周期：设置查询时间的周期，某一个时间段内或某个时间点。 最大采样点数：设置查询数据的个数，取值范围为[1, 10000]。假设，查询周期设置为过去的3小时，最大采样点数设置
最终呈现效果 开发自定义组件 下载图表模板。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 单击页面右上角的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 组件模板”。 表1 组件模板列表 组件模板名称 功能 EchartsWidgetTemplate
能以下划线开头或结尾。 域名：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 用户名：登录数据库的用户名。 密码：数据库用户密码。 数据库名称：数据库实例名称。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示DWS数据源可以调通。 单击“保存”，完成数据源的创建。
在大屏设计页面，从“全部组件 > 图表”中，拖拽“气泡图”组件至画布空白区域，如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 气泡图卡片 卡片装饰：卡
支持从指定的schema中，选择数据表。如果不指定schema，默认从public类型的数据库表中获取数据。 select * from pg_catalog."pg_index" 其中，“pg_catalog”为指定的schema，“pg_index”为数据库中的表。 自定义SQL语句时，
边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：图表模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：是否显示图表的标题。设置为“显
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
