检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
媒体 音频 轮播图片 轮播页面 图片 FLV视频播放 视频 视频流 父主题： 组件介绍
达到最佳显示效果 在页面上方单击，根据实际需要设置背景图片。 图3 设置背景图片 图4 选择背景图 从全部组件中，分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域，布局如图6所示。 图5 拖拽文本编辑组件到画布 图6 组件布局 在页面右上角，根据需要选择所需的主题（本
输入函数，如图3。 图3 设置表达式 刷新数据：单击该按钮，可预览查询出的数据。 单击“保存”，完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 从图表中拖拽基本柱图组件到画布中
交互事件”，选择“饼图事件”。 饼图事件对应饼图选项卡，当选择饼图时，显示两个饼图组件，隐藏其他图表组件。 图6 显示饼图组件 图7 隐藏其他图表组件 按照上述操作，分别设置柱图事件、折线图事件和气泡图事件选项卡对应的交互动作。 图8 柱图事件交互设置 图9 折线图事件交互设置 图10 气泡图事件交互设置
面板选择字段名、函数或者直接输入函数，如图5。 图5 表达式设置 单击“保存”，完成数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图6 从图表中拖拽基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。
添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击“+”，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中
计界面。 在页面数据集页签中，可查看到已创建的数据集。单击图标，可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件 > 图表”中，拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中 选中组件，单击组件上方的，进入数据源设置页面。 “
“进入首页”，即可进入AstroCanvas界面。 图3 单击进入首页 首次进入AstroCanvas界面时，请根据界面提示勾选AstroCanvas服务隐私协议及服务声明。 图4 AstroCanvas隐私协议及服务声明 图5 AstroCanvas界面 表1 AstroCanvas界面介绍
进入开发页面，拖拽所需组件（如基本柱图）到画布中。 图3 拖拽基本柱图组件到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、
导入项目 从本地导入已创建的项目包，实现离线迁移、部署项目。 约束与限制 导入项目后，如果当前环境中不包含同名的数据源，会从项目包中安装数据源。新安装的数据源密码是空的，请在数据源中重新配置密码，也可以在项目页面的“数据”页签，单击，重新配置。 导入项目 参考登录AstroCan
例如，新增全局变量“url”，设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件 > 图表”中，拖拽“基本柱图”组件至画布空白区域。 在组件上方单击，配置流程选择“静态数据”，并添加url参数，对应数据项的数据详情页面URL，单击“保存”。 图2 配置流程 在组件上方单击，配置组件交互事件。
不会各自只调用，而是共享结果数据。 选中水平基本柱图组件，单击组件上方的，设置标题内容为“各功能操作频率统计”。 图6 设置图表标题 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。 图7 最终呈现效果 父主题： 数据集管理
源，对资源进行手动续费的操作。 图3 续费管理 所有需手动续费的资源都可归置到“手动续费项”页签，具体操作请参见如何恢复为手动续费。 找到需要续费的资源，单击操作列的“续费”。 图4 手动续费 进入续费页面，选择需要续费的时长，单击“去支付”。 图5 续费确认 进入支付页面，选择
单击“保存”，完成Prometheus数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏应用开发页面，拖拽所需组件（如多折线图）到画布中。 图4 拖拽多折线图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建Prometheus数据集中创建的数据集。
源被自动删除。 在AstroCanvas生命周期的不同阶段，您可以根据需要选择一种方式进行续费，具体如图1所示。 图1 AstroCanvas生命周期 AstroCanvas从购买至到期前，处于正常运行阶段，资源状态为“运行中”。 到期后，资源状态变为“已过期”。 到期未续费时，
次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图8 查看后台分页效果
态时，全局变量“status”的值会随着进行相应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中，搜索并拖拽“多区域折线图”，到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击，配置组件数据。 数据配
return data 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台排序功能。 图2 开启后台排序 新建全局变量。 后台排序需要搭配全局变量使用，请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件，单击，进行组件交互设置。
接器URL请求，不会各自只调用，而是共享结果数据。 选中基本柱图组件，单击组件上方的，设置标题内容为“各市1月降雨量(mm)”。 图7 设置图表标题 单击页面上方的，保存设置页面。 单击，进入预览页面，预览效果。 图8 查看最终呈现效果 父主题： 数据集管理
lect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中，从表格字段中，拖拽对应的字段到配置中。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
