检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到华为云Astro大屏应用中使用。华为云Astro大屏应用为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
slider 配置项说明 表1 slider配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "slider" 配置项类型。 value String 否 value: "defaultValue" 默认值。 name String 是 name:
与页面二之间的交互 页面类型：选择待跳转页面的类型，支持选择本项目内页面或外部页面。 内部页面：选择待跳转的具体页面。“页面类型”设置为“内部页面”时，才显示该配置。 外部页面地址：选择待跳转的外部页面地址，可以直接输入地址，也可以设置为全局变量。“页面类型”设置为“外部页面”时，才显示该配置。
颜色：设置图表中，图形的颜色。 统一配置 标记图形：设置标记的图形，如圆形、矩形等。 标记大小：设置标记的大小。 折线宽度：设置折线的宽度。 折线类型：设置折线类型，如实线、虚线等。 数据标签：是否显示数据标签，支持设置标签的字体、大小、颜色。 数据系列 系列名称：原始数据中默认的系列名称，可通过设置“显示名称”，进行修改。
刻度标签字体：设置标签的字体、颜色和大小等。 网格线是否显示：是否显示网格线。设置为显示时，支持设置线的类型和颜色。 Y轴 Y轴：是否显示Y轴。 Y轴坐标轴类型：设置Y轴坐标轴类型，支持连续数据、类目轴和时间轴。 最大值：Y轴能显示的最大值。 最小值：Y轴能显示的最小值。 坐标轴名称：设置X轴坐标轴显示名称。
择此方式时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。
多折线图指标 显示指标：是否显示指标。 指标内容：设置指标内容。 指标字体：设置指标内容的字体、大小、颜色等。 指标类型：设置指标类型，支持总和、平均值和自定义。 数值内容：“指标类型”设置为“自定义”时，支持自定义数值内容。 数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。
在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图2 新建华为云Astro大屏应用API数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“AstroZero API”。 数
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
在数据集管理页面，单击“新建数据集”。 在新增数据集页面，设置数据集名称、选择数据类型和目录，单击“保存”。 图1 设置数据集参数 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“静态数据”。 目录：为数据集指定目录，可以选择（可选
设置网页的图标等，单击“保存”。 图1 通用设置 开启页面加载动画：勾选后，预览或打开页面时，将会显示加载动画。 网页图标：设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif，图片大小不能超过1MB，建议使用大小为32*32像素的ico图标。 延
在数据集管理页面，单击“新建数据集”。 在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图1 新建AstroZero数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“AstroZero”。 数据源：选择华为
择此方式时，还需配置应用ID、主页、环境类型等参数。 图3 OneMobile 应用ID：小程序AppID，请登录小程序管理后台获取。 主页：选择一个发布的页面作为首页，即打开小程序时，显示的默认页面。 环境类型：承载应用程序服务的环境类型，支持开发环境、生产环境、沙箱环境和不依赖。
本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集。 前提条件 已参考静态数据数据集中操作，创建静态数据类型的数据集。 图1 多数据流1 图2 多数据流2 创建页面数据集 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。
标题 标题是文本组件的一种，用于展示大屏的各类标题，可展现大、中、小等类型的标题，并可通过拼搭进行组合使用。 在大屏设计页面，从“全部组件 > 文本”中，拖拽“标题”组件至画布空白区域，如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件
装饰图案 装饰图案是装饰组件的一种，用于为可视化应用添加多种类型的图案元素，能够使可视化应用展示更加美观。 在大屏设计页面，从“全部组件 > 装饰”中，拖拽“装饰图案2”组件至画布空白区域，如图1。 图1 装饰图案2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以
例如人员类型，人员流量及在园人数等。大屏页面构想，如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成，组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件 说明 文本编辑 文本编辑组件，用于展示标题，例如人员来访统计。 水平基本柱图 统计当前人员类型，如总公司
在数据集管理页面，单击“新建数据集”。 在新增数据集页面，设置数据集名称、选择数据类型、数据源和目录，单击“保存”。 图1 新建DWS数据集 数据集名称：新建数据集的名称，用于标识该数据集。长度为1~60个字符，可包括中文、字母、数字及下划线。 数据类型：选择“DWS”。 数据源：选择DWS数据源中，创建的数据源。
刻度标签字体：设置标签的字体、颜色和大小。 网格线是否显示：是否显示网格线。设置为显示时，支持设置线的类型和颜色。 y轴 Y轴：是否显示Y轴。 Y轴坐标轴类型：设置Y轴坐标轴类型，支持连续数据、类目轴和时间轴。 最大值：Y轴线标签数据的最大值。 最小值：Y轴线标签数据的最小值。 坐标轴名称：设置X轴坐标轴显示名称。
多区域折线图指标 显示指标：是否显示指标。 指标内容：设置指标内容。 指标字体：设置指标内容的字体、大小、颜色等。 指标类型：设置指标类型，支持总和、平均值和自定义。 数值内容：“指标类型”设置为“自定义”时，支持自定义数值内容。 数值字体：设置数值字体、大小、颜色等。 数值位数：设置数值小数点后的位数。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
