检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。 图1 拖拽自定义背景框到画布中 从“全部组件
"SingleRepireDataViewModel" } ] } ], 页面数据集：通过页面数据集，可实现多个组件对接同一个数据输入，从而减少重复的请求和配置。更多介绍，请参见页面数据集。 数据源 支持直接从数据源（关系型数据库、Roma连接器、DLI和DWS等
选中水平基本柱图组件，在组件上方单击，设置模板为“蓝色渐变不排序”。 图9 设置模板 选中水平基本柱图组件，在组件上方单击，将所有数据系列中的“数据标签”设置为“上”，让数据显示在柱形图上方。 图10 数据显示在柱形图上方 打开水平堆叠效果。 图11 打开水平堆叠 选中水平基本柱图组件，在组件上方单击，隐藏x轴，并隐藏y轴网格线。
0”为文本编辑组件数据中二维数组的位置，其对应关系如图7所示。如果全部设置为“{0}”，则全部显示第一个数据，如图8。 图7 转义符和二位数组对应关系（一） 图8 全部显示第一个数据 新增条件格式 在大屏设计页面，从“全部组件 > 文本”中，拖拽“文本编辑”组件至画布空白区域。
表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图12 新建层级 原数据名：原始数据中默认的系列名称
费周期是根据您购买的时长来确定的（以UTC+8时间为准）。一个计费周期的起点是您开通或续费资源的时间（精确到秒），终点则是到期日的23:59:59。 例如，如果您在2023/03/08 15:50:04购买了一台时长为一个月的华为云Astro大屏应用，那么其计费周期为：2023/03/08
时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。 开
购买时长（以主套餐有效时间折算） 计费示例（无扩容包） 假设您在2023年11月01日，购买了华为云Astro大屏应用专业版有效期1年，并在到期前手动续费1年，则： 第一个计费周期为：2023/11/01 15:50:04 ~ 2024/11/01 23:59:59 第二个计费周期为：2024/11/01 23:59:59
数据源：选择DLI数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 标签：SQL作业的标签。单击“标
数据源：选择华为云Astro轻应用数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用：选择调用自定义接口所属的应用。
级表格的后台筛选功能。 图11 在后台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图12 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图13 新建层级 原数据名：原始数据中默认的系列名称
即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。
时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。 开
页面数据集的创建入口。华为云Astro大屏应用中的组件，支持对接页面级的数据集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 华为云Astro大屏应用可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色
请。 天地图第三方密钥，请参考天地图官网申请。 自定义地图：根据实际需求，自定义地图。如果开启自定义地图，请配置地图GeoJson数据链接地址或配置GeoJson数据素材。 地图中心经度：设置地图中心点的经度。 地图中心纬度：设置地图的中心点的纬度。 地图缩放级别：设置地图的缩放层级，最小级别为4，最大级别为19。
数据源：选择DWS数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集 支持从指定的s
数据源：选择华为云Astro轻应用数据源中，创建的数据源。 目录：设置数据集的存放目录，配置为（可选）新建目录中新建的目录，也可以直接单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用：选择华为云Astro轻应用中具体的应用。
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据名和数据值，也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 图8 雷达图坐标轴 基本信息 半径：设置图表的半径。
显示提示：开启后，在预览图表时，鼠标放在对应的序列上会显示提示信息。 特征标记：提示框显示的内容，可以显示系列名、数据名和数据值，也可以只显示其中的某一个或两个。 坐标轴 坐标轴是指对图表组件，进行坐标系相关样式、颜色、位置和行为的设置。 图10 区域图坐标轴 x轴 X轴：是否显示X轴。 轴标题：X轴标题。
原数据名：原始数据中默认的数据名，内容来源于数据模型的值。 宽度占比(%)：设置列名的宽度占比。 显示方式：设置数据的显示方式，数据为图片地址时可以展示为图片。 对齐方式：设置数据的对齐方式。 字体：“显示方式”设置为“文字”时显示该参数，设置文字显示的字体、颜色等。 图宽占比(
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
