华为云用户手册

配置 在配置中，设置组件的全局样式、表头设置、行、序列号等。 图4 基础表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前页显示多少行数据。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 行配置 奇行背景色：设置奇数行数据的背景颜色。 偶行背景色：设置偶数行数据的背景颜色。 单元格 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有内容对齐方式同步修改。 内容字体：设置单元格的内容字体，所有列的内容字体同步修改。 边框：设置单元格的边框样式。 序列号：表格中序列号设置。 序列号：表格中是否显示序列号。 序列名：设置序列号的名称。 列宽占比(%)：设置序列号在表格中的列宽占比。 背景色：设置序列号的背景颜色。 半径：设置序列号的半径。 圆角：设置序列号圆角，0为直角。 字体：设置序列号的字体、大小和颜色等。 轮播 轮播：是否开启轮播功能。开启后，支持设置轮播速度。 轮播速度：设置轮播速度，取值范围为[0.1, 5.0]，取值越大播放速度越快。 分页 前台分页：表格是否分页显示，分页模式下轮播无效。 行高：设置分页的行高，单位px。 单页数量：设置每页显示数据条数，以“,”隔开。 文本位置：设置分页文本显示位置，支持靠左、靠右和居中显示。 背景色：设置分页背景颜色。 字体：设置分页的字体、大小和颜色等。 选中框颜色：设置选中分页时边框的颜色，包括每页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度：设置分页框的宽度，单位为px。 下拉框背景颜色：设置下拉框的背景颜色。 下拉框字体颜色：设置下拉框的字体颜色。 下拉框选中态背景颜色：设置下拉框选中态的背景颜色。 下拉框选中态字体颜色：设置下拉框选中态的字体颜色。 下拉框鼠标悬浮时背景颜色：设置下拉框鼠标悬浮时的背景颜色。 下拉框鼠标悬浮时字体颜色：设置下拉框鼠标悬浮时的字体颜色。 新增条件格式：单击“新增条件格式”，可增加条件格式。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 基础表格卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题设置 标题：是否显示组件标题。 标题内容：输入标题内容。 标题行高度：设置标题的行高，单位px。 背景色：设置标题背景色。 文本位置：设置标题中文本位置，支持居中、靠左、靠右或自定义。 字体：设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏：在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 表格导出：是否开启表格导出功能。开启表格导出后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示：开启后，鼠标移动到表格组件上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。

图形 图形是指组件中，实现 数据可视化 的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图5 基础表格图形 统一配置 图标选中色：设置图标选中时的颜色。设置的图标选中色，对所有列均有效。 前台排序：是否开启前台排序功能（表格中的所有列），用于对表格中的数据进行排序。 前台筛选：是否开启前台筛选功能（表格中的所有列），用于对表格中的数据进行筛选。 数据系列：设置组件名称、时延和成功率三大数据的属性。 原数据名：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值。 列名：自定义图表中数据系列的显示名称。 数据系列：图表中是否显示该数据系列。 前台排序：是否开启前台排序功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图6 在前台对数据进行排序 前台筛选：是否开启前台筛选功能（表格中指定的列）。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图7 在前台对数据进行筛选 列宽占比(%)：设置列宽的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格中内容的对齐方式，如居中、左对齐等。 内容字体：设置表格中内容的字体、颜色和大小等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 轮播页面卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。

自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件，单击。 在自定义事件中，单击“新增自定义事件”，修改事件名称为“echarts单击系列”。 图2 新建echarts单击系列事件 在事件实现中，输入如下代码，即echarts实例的“单击系列”动作将会发送此事件，携带参数为echarts传递的事件对象。 echartsInst.on('click', 'series', triggerCurrentEvent); 单击“新增字段”，设置字段名称为“seriesIndex”。 图3 seriesIndex字段 选中echarts组件，单击，进入组件交互页面。 单击“交互事件”，选择“echarts单击系列”。 为“echarts单击系列”事件设置响应动作，如赋值全局变量，将字段seriesIndex赋值给全局变量。 图4 将字段seriesIndex赋值给全局变量 单击“完成”，返回大屏设计页面。 在全部组件中，拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图，单击。 “数据类型”选中“数据集”，并选择所需的数据集。 在全局变量配置中，绑定8中的全局变量，并给全局变量赋值。 图5 绑定全局变量 在组件预览中，从“表格字段”中拖拽对应的字段到“配置”中，并单击“保存”。 返回大屏设计页面，单击，再单击。 在预览页面，单击折线图堆叠图表中的系列，页面的全局变量将被设置为参数seriesIndex的值。

轮播配置 在轮播配置中，设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面：添加轮播的页面，可以选择本项目内的页面，也可以选择外部页面，但添加的页面数不能超过10个。 滚动条：是否显示滚动条，如自动或隐藏。 切换配置 切换箭头：是否显示页面切换箭头。 切换方向：设置页面切换方向，如水平、垂直。 切换方式：设置页面切换方式，如淡出、推出、展示等。 自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 分页配置 分页标志：是否显示分页标志。 标志选择：选择分页标志样式，如点、线等。

为项目设置锁 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”。 获取项目编辑权限后，可对项目进行通用设置、组件设置、资源设置和健康检查设置等。 设置完成后，单击“保存”，即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”，释放项目锁。

新建目录 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 单击所有素材后的“...”，选择“新增目录”。 输入目录名称，单击“确定”。 目录名称长度为1~64个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 目录创建完成后，支持修改目录名称、删除目录，也可以在当前目录下创建子目录。 图2 管理目录

配置 在配置中，设置下拉选择框和下拉弹出框。 图4 树状下拉框配置 下拉选择框设置 开启多选：是否开启多选。 默认选择：下拉框默认的选择项，单击“新增默认选项”，可新增多个选项。“开启多选”设置为“开启”时，才会显示该参数。 默认选择项：下拉框默认的选择项。“开启多选”设置为“关闭”时，才会显示该参数。 展开样式：设置下拉框选项的展开样式。 字体：下拉框中字体的大小、颜色等设置。 背景颜色：设置下拉框的背景颜色。 边框颜色：默认状态下，下拉框边框的颜色。 边框聚焦颜色：鼠标选中下拉框时，边框的颜色。 边框悬浮颜色：鼠标悬浮在下拉框上时，边框的颜色。 占位符：没有输入内容时，展示的文字内容。 是否禁用：是否禁用该下拉框，禁用后，用户不可选择内容。 是否可输入：禁用后，只能在下拉框中选择，无法输入查找。 下拉弹出框设置 最大高度：设置下拉弹出框的最大高度。 背景颜色：设置下拉弹出框的背景色。 字体颜色：设置下拉弹出框中字体的颜色。 选中态背景颜色：设置选中某项内容时，背景的颜色。 选中态字体颜色：设置选中某项内容时，字体的颜色。 鼠标悬浮时背景颜色：设置鼠标悬浮在某项内容上时，背景的颜色。 鼠标悬浮时字体颜色：设置鼠标悬浮在某项内容上时，字体的颜色。

数据迁移 登录华为云Astro轻应用中的业务大屏界面，导出项目数据。 使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入华为云Astro轻应用服务控制台。 在主页中，单击“进入首页”，进入应用开发页面。 单击主页中的“业务大屏”，或者左侧导航栏中的“业务大屏”，进入业务大屏界面。 单击待导出项目上的，进入项目发布页面。 将鼠标放在对应的版本上，单击。 图1 单击下载图标 在前端运行包下载页面，运行容器选择“Astro Canvas”，单击“下载”，将项目下载到本地。 图2 导出项目 在已购买的华为云Astro大屏应用中，导入项目。 在华为云Astro轻应用服务控制台的左侧导航栏中，单击“Astro大屏应用”。 在已购买的华为云Astro大屏应用实例中，单击“进入首页”，进入华为云Astro大屏应用界面。 在项目列表页面，单击“导入项目包”。 图3 导入项目包 选择1.h中导出的项目包，单击“打开”。 导入成功后，在项目列表中，可查看到已导入的项目。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 树状下拉框卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 参考模板：系统为您预置了单选和多选两种类型的模板，请根据实际业务场景进行选择。

更新库 更新组件前，请先获取锁，否则更新按钮置灰不可用。 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击，获取锁。 将鼠标放在对应的库上，单击，进入更新库页面。 图7 进入更新库页面 在库更新页面，上传新的库、设置库参数，单击“更新”。 图8 设置库信息 将鼠标放在对应的库上，单击，可查看到新版本的库。 ：单击该图标，可下载当前版本库。 ：单击该图标，可在线编辑该版本库。

编辑库 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的库”。 将鼠标放在对应的库上，单击。 图9 编辑库 在库编辑页面，单击右上角的，获取锁。 按需在线修改库文件，单击。 在弹出的提示框中，单击“确定”。 在库更新页面，按需设置库参数，单击“更新”。 返回我的库页面，在组件上单击，可查看到新版本的库。 图10 查看新版本的库

新建DWS数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“DWS”，配置数据源参数。 图1 新建DWS数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 域名 ：数据库所在的域名。 端口：数据库端口，取值范围为0~65535。 用户名：登录数据库的用户名。 密码：数据库用户密码。 数据库名称：数据库实例名称。 描述：新建数据源的描述信息。 单击“连接测试”，显示“连接成功”，表示DWS数据源可以调通。 单击“保存”，完成数据源的创建。

新建HTTP连接器数据源 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“HTTP连接器”，配置数据源参数。 图1 新建HTTP连接器数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。 HTTP连接器：选择前提条件中已创建的HTTP连接器。 接口鉴权方式：自动关联已创建连接器的鉴权方式。 描述：新建数据源的描述信息。 设置完成后，单击“保存”。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图4 里程碑图形 碑节点样式 里程碑样式：设置里程碑的样式，可以使用预置样式，也可以使用图片。 节点样式：选择系统预置的里程碑样式，“里程碑样式”选择“预置”时，才会显示该参数。 选择图片：选择本地上传的图片或连接器中的图片，作为里程碑的样式。“里程碑样式”选择“图片”时，才会显示该参数。 图片宽度：设置所选择图片的宽度。“里程碑样式”选择“图片”时，才会显示该参数。 图片高度：设置所选择图片的高度。“里程碑样式”选择“图片”时，才会显示该参数。 上下偏移量(px)：设置所选择图片的上下偏移量，单位px。“里程碑样式”选择“图片”时，才会显示该参数。 左右偏移量(px)：设置所选择图片的左右偏移量，单位px。“里程碑样式”选择“图片”时，才会显示该参数。 轴条 轴条样式：设置轴条的样式，如线状、点状。 轴条默认样式：设置轴条的默认样式。“显示尾”需要设置为“显示”。 图5 轴条默认样式 轴条选中样式：设置轴条选中时的样式。“显示头”需要设置为“显示”。 图6 轴条选中样式 轴条粗细：设置轴条的粗细。 显示头：设置轴条的选中样式时，该参数需要设置为“显示”。 头轴条样式：设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾：设置轴条的默认样式时，该参数需要设置为“显示”。 尾轴条样式：设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量：设置详情的上下偏移位置，单位px。 左右偏移量：设置详情的左右偏移位置，单位px。 状态 上下偏移量：设置状态的上下偏移位置。 左右偏移量：设置状态的左右偏移位置。 时间 上下偏移量：设置时间的上下偏移位置。 左右偏移量：设置时间的左右偏移位置。 数据系列 显示碑节点样式：是否显示碑节点样式。 默认状态样式：设置碑节点的默认状态样式，支持图片改色和上传图片两种样式。 默认颜色：设置碑节点的默认样式的颜色。 选中状态样式：设置碑节点的选中状态。 选中颜色：设置碑节点选中时的颜色。 高亮状态样式：设置碑节点高亮状态的样式。 高亮颜色：设置碑节点高亮状态的颜色。 聚焦颜色：设置碑节点聚焦状态的颜色。 轴条默认颜色：设置碑节点轴条的默认颜色，数据系列1中无轴条设置选项。 轴条选中颜色：设置碑节点轴条的选中颜色，数据系列1中无轴条设置选项。 显示详情：是否显示详情。 默认详情字体：设置默认详情的字体、颜色和大小等。 选中详情字体：设置选中详情的字体、颜色和大小等。 高亮详情字体：设置高亮详情的字体、颜色和大小等。 显示时间：是否显示时间。设置为显示时，支持设置默认/选中/高亮时间字体的颜色、大小等。 显示状态：是否显示状态。设置为显示时，支持设置默认/选中/高亮状态字体的颜色、大小等。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 里程碑卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。

如何设置页面间参数传递 华为云Astro大屏应用开发中，可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中，可通过“页面跳转”响应动作传递页面参数。当跳转页面时，当前页面参数会传入到打开的页面中，支持自定义传参为固定值，也可绑定页面级全局变量。 例如，在如何基于页面级的全局变量实现组件交互开发的页面中，在“多区域折线图”组件上方单击，配置组件交互事件。参考图1，单击“+交互事件”，选择“点击”事件，单击“+响应动作”，选择“页面跳转”，跳转到内部其他页面，打开“设置页面参数”开关，设置参数。 配置效果：在发布后的页面中，单击“多区域折线图”组件，会跳转到新页面，之前页面的全局变量“status”赋值到参数“alarmStatus”中，将“alarmStatus”传递到新打开的页面中，实现不同页面间传参。 图1 设置交互事件动作 父主题： 全局变量

在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图6 从图表中拖拽基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建关系型数据库数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。如何使用全局变量，可参考如何基于页面级的全局变量实现组件交互~如何通过全局变量，实现组件数据的动态变化。本示例不做配置。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图7 拖拽字段到对应坐标轴 表格字段：展示创建关系型数据库数据集中，接入的关系型数据库中的数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期：每隔多少秒从关系型数据库中读取一次数据，默认配置为“0”，表示只获取一次。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的关系型数据库请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“N省各市人口数量（千万）”。 图8 设置图表标题 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。

约束与限制 “数据配置”选择“SQL模式”时，输入的SQL语句中如果含有和数据库中字段名称相同的关键字，关键字格式需遵循如下规则： MySQL数据库加反引号“``” MySQL数据库中，常用的关键字有value、data、desc、day、all和add，更多关键字请参见MySQL5.7官方保留字与关键字、MySQL8.0官方保留字与关键字。 PostgreSQL或 GaussDB数据库 加双引号 “""” PostgreSQL和 GaussDB 数据库中，常用的关键字有value、user、 date、desc、day、all，更多关键字介绍请参见PostgreSQL或GaussDB官方保留字与关键字。 SQL Server数据库加“[]” SQL Server数据库中常用的关键字有value、user、 date、desc、day和all，更多关键字介绍请参见SQL Server官方保留字与关键字。 Oracle数据库加双引号“""”。 Oracle数据库中常用的关键字有value、user、 date、desc、day和all，更多关键字介绍请参见Oracle官方保留字与关键字。

在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 拖拽基本柱图到右侧画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选中创建数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功能。静态数据不支持配置全局变量。 在组件预览中，选择要展示的表字段，即从左边栏中拖入到右边栏中，单击“保存”。 图5 拖拽字段到对应的坐标轴 表格字段：展示创建数据集中，录入的静态数据。 配置：从表格字段中，拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期：每隔多少秒获取一次静态数据，默认配置为“0”，表示只获取一次静态数据。 共享数据：是否共享数据。勾选后，如果多个组件调用了相同的静态数据请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各市农作物产量统计”。 图6 设置图表标题 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。

图形 图形是指组件中，实现数据可视化的具体图形表达元素，例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 树状表格图形 统一配置 图标选中色：设置选中前台排序、前台筛选时，图标的显示颜色。 图8 选中前台排序时图标显示的颜色 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图12 新建层级 原数据名：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值，如组件名称、时延和成功率。 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面实际显示的为准。选择迷你柱状图和迷你折线图时，支持放大图表显示。 图13 图表放大显示 列名：自定义数据中的系列名称。 数据系列：在图表中，是否显示数据系列。例如，组件名称系列中，单击开启，图表中将会显示组件名称这列，如果关闭，将会隐藏掉该列。 图14 开启数据系列效果 图15 关闭数据系列效果 前台排序：是否开启前台排序功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。“数据系列”设置为“开启”时，才会展示该配置。 图16 在前台对表格中数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。 图17 在前台对表格中数据进行筛选 列宽占比(%)：设置对应系列在图表中的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格内容的对齐方式，如居中、左对齐等。 内容字体：设置表格内容的字体、颜色和大小等。

配置 在配置中，设置组件的背景色、表格行数、表头和单元格等。 图5 树状表格配置 全局样式 背景色：设置表格的背景颜色。 表格行数：当前表格可视高度展示的数据行数。 边框：设置表格的边框样式。 表头设置 溢出文本：设置表格中超长文本的显示样式，如显示为省略号和换行显示。 表头对齐方式：设置表头的对齐方式，如左对齐、居中或右对齐。 表头行高占比(%)：设置表头行高的占比。 表头背景色：设置表头的背景颜色，所有列的表头背景色同步修改。 表头字体：设置表头字体，所有列的表头字体同步修改。 边框：设置表头的边框样式。 单元格 溢出文本：设置表格中超长文本的显示样式，如显示为省略号、换行显示和滚动显示。 内容对齐方式：设置单元格内的内容对齐方式，如左对齐、居中或右对齐，所有内容对齐方式同步修改。 内容字体：设置单元格的内容字体，所有列的内容字体同步修改。 边框：设置单元格的边框样式。 树状表格 懒加载：开启懒加载时，必须配置全局变量和交互事件。 展开层级：选择树状表格的展开层级。 新增条件格式：单击“新增条件格式”，可增加条件格式。如图6中所示，该设置表示成功率列满足设置的条件（等于80.4%）时，组件名称列显示为红色，否则显示为正常颜色。 树状表格的条件格式，只有在关联关系以及响应数据列是单行文本和数字类型时才会生效。 图6 树状表格中新增条件格式

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 树状表格卡片 卡片装饰：卡片装饰设置，可根据自身的业务需求选择不同的卡片样式。单击“清除样式”，可清除已设置的装饰样式。 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 标题设置 标题：是否显示组件标题。 标题内容：输入标题内容。 标题行高度：设置标题的行高，单位px。 背景色：设置标题背景色。 文本位置：设置标题中文本位置，支持居中、靠左、靠右或自定义。 字体：设置标题的字体、大小和颜色等。 表格操作 列显示/隐藏：在运行态是否可以设置显示/隐藏的列。开启“列显示/隐藏”后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 图4 列显示效果 表格导出：是否开启表格导出功能。开启表格导出后，可以设置“悬浮显示”、“图标色”和“图标选中色”。 悬浮显示：开启悬浮显示后，鼠标移动到表格组件上时，才会显示对应的按钮。 图标色：设置按钮的图标颜色。 图标选中色：设置选中按钮时，按钮图标的颜色。

设置Token认证 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 打开“Token认证”开关，设置签名校验参数和有效期。 图3 设置Token认证 ：打开Token认证开关后，华为云Astro大屏应用会生成一个Token。单击该图标，可复制Token。 签名地址只允许打开一次：开启后，签名地址仅允许在当前浏览器中使用。关闭浏览器后，再次访问时需要重新获取签名地址。如果不开启，不限制访问次数，但支持设置有效期。

数据 在数据中，配置地图的数据来源，更多介绍请参见数据接入。 图11 设置地图组件数据源 自定义围栏数据：地图自定义围栏数据桥接器，数据中省/直辖市code一致，则认为属于同一围栏区域。预览或发布页面时，单击围栏区域，地图会下钻到围栏区域。若未配置该连接器，则下钻到单独省/直辖市。 图12 自定义围栏数据 热力图层数据：热力图层数据桥接器/数据集，根据省/直辖市数值大小，热力图层颜色深浅不一。 柱状图层数据：柱状图层数据桥接器/数据集，根据省/直辖市数值大小，柱子颜色、高度不一。 标签图层数据：标签图层数据桥接器/数据集，以标签形式展示省/直辖市具体数据。

卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。 图3 地图卡片 背景 背景色：设置组件卡片的背景颜色。 边框：组件卡片边框设置，支持无边框、全边框和角边框三种样式。设置为全边框和角边框时，支持设置组件外圈边框的线型、圆角等。 样式：选择图片时，图片显示的样式，支持普通、居中、拉伸和平铺四种样式。 选择图片：使用本地的图片作为组件背景，支持新增目录和子目录，便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片，且每张图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。

配置 在配置中，设置地图组件的基本信息、热力图层、柱状图层和标签图层等。 图4 地图配置 地图基本配置 地图类型：地图第三方服务商，如天地图、高德地图和百度地图。 高德/百度/天地图密钥：地图第三方密钥，请自行到对应官网申请。 高德地图第三方密钥，请参考高德开放平台申请。 百度地图第三方密钥，请参考百度地图开放平台申请。 天地图第三方密钥，请参考天地图官网申请。 自定义地图：根据实际需求，自定义地图。如果开启自定义地图，请配置地图GeoJson数据链接地址或配置GeoJson数据素材。 地图中心经度：设置地图中心点的经度。 地图中心纬度：设置地图的中心点的纬度。 地图缩放级别：设置地图的缩放层级，最小级别为4，最大级别为19。 地图样式：设置地图基本样式模板。 热力图层配置 显示热力图层：是否显示热力图层。 数据标题：设置热力图层的数据标题。 显示类型 ：设置热力图层显示类型，如均分显示或区间部分。 设置为“均分显示”时，会显示所有数据，且区域数据从小到大，对应图层颜色由浅到深。 图5 均分显示 设置为“区间显示”时，仅显示符合要求的数据，且区域图层颜色取决于其数据所处区间对应的颜色。 图6 区间显示 填充颜色：设置热力图层的填充颜色。“显示类型”为“均分显示”时，区域数据从小到大，对应图层颜色由浅到深。“显示类型”为“区间显示”时，区域图层颜色取决于其数据所处区间的对应颜色。 描边样式：设置省/直辖市描边样式，如虚线、点线等。 描边粗细：设置省/直辖市描边粗细，单位为px。 描边颜色：设置省/直辖市描边颜色。 柱状图层配置 显示柱状图层：是否显示柱状图层。 显示类型：设置柱图层显示内容，如均分显示或区间部分。 设置为“均分显示”时，会显示所有数据，且区域数据从小到大，对应图层颜色由浅到深。 图7 均分显示 设置为“区间显示”时，仅显示符合要求的数据（如0~10之间的数据），且区域图层颜色取决于其数据所处区间对应的颜色。 图8 区间显示 填充颜色：设置柱子的填充颜色。“显示类型”为“均分显示”时，区域数据从小到大，对应图层颜色由浅到深。“显示类型”为“区间显示”时，区域图层颜色取决于其数据所处区间的对应颜色。 柱子粗细：设置柱子的粗细，单位为px。 柱子长度比：数据最大值对应的柱子高度与该地图上1个纬度直线距离的比值，取值范围为[0, 10]。 显示标注：柱子上是否显示标注文字样式。设置为“显示”时，支持设置标注文字的字体、大小和颜色。 标签图层配置 显示标签图层：是否显示标签图层。 数据标题：设置标签图层的数据标题。 显示类型：设置标签的显示内容，如均分显示或区间部分。 设置为“均分显示”时，会显示所有数据，且区域数据从小到大，对应图层颜色由浅到深。 图9 均分显示 设置为“区间显示”时，仅显示符合要求的数据，且区域图层颜色取决于其数据所处区间对应的颜色。 图10 区间部分 填充颜色：设置标签数据所处区间的对应颜色。均分显示时，区域数据从小到大，对应图层颜色由浅到深。区间显示时，区域图层颜色取决于其数据所处区间对应颜色。 数值字体：设置标签数值的字体、颜色和大小等。 数值后缀：设置标签数值的后缀，如%。 内容字体：设置标签内容的字体、颜色和大小等。 内容背景颜色：设置标签内容的背景颜色。

如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集，将该接口的入参与全局变量绑定，则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“?全局变量名=值”，给页面全局变量赋值，查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题： 全局变量

通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库数据集中操作，新建关系型数据库数据集（新建变量value）。 图2 新建关系型数据库数据集 新建全局变量。 参考使用空白画布新建页面中操作，新建大屏空白页面。 在大屏开发页面，单击，新建全局变量，如hotSelect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。 设置完成后，单击“保存”。 选择地图组件，单击组件上方的，显示热力图层，数据标题设置为“子公司完成率”，显示类型设置为“区间显示”，并设置填充颜色。 配置下拉选择框组件。 选中组件，单击组件上方的，进入组件数据配置页面。 数据类型选择“静态数据”，并输入如下示例数据。 { "dataValue": [{ "value": "子公司A完成率", "label": "子公司A完成率" }, { "value": "子公司B完成率", "label": "子公司B完成率" }, { "value": "子公司C完成率", "label": "子公司C完成率" } ]} 其中，“value”字段需要和数据列名保存一致。 设置完成后，单击“保存”。 配置下拉选择框交互动作。 选中下拉选择框组件，单击组件上方的，进入组件交互设置页面。 在“作为触发器”中，单击“+ 交互事件”，选择“当选中选项时”。 在“响应动作”中，单击“+ 响应动作”，选择“赋值全局变量”。 在“动作详情”中，选择3中定义的全局变量。 图5 选择全局变量 单击“确定”后，单击“完成”。 保存页面后，单击，预览效果。