检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
管理页面版本 使用AstroCanvas开发大屏、移动端页面，支持通过管理页面版本，设置发布具体哪个版本的页面或者回退到具体哪个版本的页面进行开发。 操作场景 在AstroCanvas中，如下两个场景会使用到页面版本： 场景一：开发者开发好第一个页面版本后，发布呈现给用户。然后继
将鼠标悬浮在日期选择器上，组件名称即为组件ID。 图11 获取组件ID 操作组件。 获取到组件ID后，可以通过AstroCanvas提供的API来操作组件，如显示/隐藏组件。关于API的详细介绍，请参见内置API一览表。 // 显示组件 {widget2}.showWidget(); // 隐藏组件
创建新的页面，可充分利用已有资源，减少重复开发，提高交付效率。 系统预置：AstroCanvas中预置的页面模板，涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见发布为模板。 如果安装的是安全云脑类大屏，进
图2 新建关系型数据库数据集 新建全局变量。 参考使用空白画布新建页面中操作，新建大屏空白页面。 在大屏开发页面，单击，新建全局变量，如hotSelect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。
使用AstroCanvas预置模板搭建交通管理大屏 场景说明 交通管理大屏用于监控城市的交通状态，如进出城车辆、路况信息和交通指数等，效果如图1所示。本入门以使用AstroCanvas中预置模板构建一个交通管理大屏为例，向您介绍如何在AstroCanvas中快速构建可视化页面。 图1
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。 操作步骤 参考
添加组件 AstroCanvas中的页面由可视化组件拼装而成，本章节向您介绍如何添加组件。 操作场景 在AstroCanvas中，组件是大屏、移动端页面的组成元素。AstroCanvas提供了一些预置组件供您使用，同时支持自定义组件并上传到AstroCanvas中使用。 操作步骤 参
创建大屏&PC端项目：如果待创建的页面为大屏页面，请选择创建大屏项目。 创建移动端项目：如果待创建的页面为移动页面，请选择创建移动端项目。 创建页面 在AstroCanvas中，搭建AstroCanvas应用从创建一个大屏/移动端页面开始，掌握70+种组件，定制出符合要求的个性化页面。 初识
示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。 组件ID 资产ID，前缀不可编辑，上传组件包后会自动填写。 目录名称 组件的存放目录，本示例选择“其它”。 场景 该组件包应用的场景，可根据业务需求选择“大屏&PC端”或“移动端”。 版本说明 该组件的描述信息。设置后，
HTTP连接器 前提条件 连接的数据源已创建，如何创建请参见HTTP连接器数据源。 创建HTTP连接器数据集 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据集 > 全部”。 在数据集管理页面，单击“新建数据集”。
页面开发流程 在AstroCanvas可视化开发页面，通过拖拽组件、设置页面布局、对接业务数据等，即可构建AstroCanvas大屏&PC端/移动端页面，具体流程如图4所示。 图4 页面开发流程 页面设置 配置页面屏幕大小、适应方式、背景颜色或背景图片。更多介绍，请参见如何进行设置页面。
单击“保存”，完成DWS数据集的创建。 在组件中使用数据集 返回AstroCanvas项目列表页面。 进入大屏开发页面，拖拽所需组件（如基本柱图）到画布中。 图4 拖拽基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建DWS数据集中创建的数据集。
图13 新建图层 原数据名：原始数据中默认的系列名称，可通过设置“列名”，进行修改。文字内容来源于数据模型的取值，如组件名称、时延和成功率。 类型：选择数据的类型，如单行文本、多行文本、数字、趋势、图片、迷你柱状图、迷你折线图和迷你进度条。不同的类型，展示的参数所有不同，请以界面
稳定业务需求：对于长期运行且资源需求相对稳定的业务，如企业官网、在线商城、博客等，包年/包月计费模式能提供较高的成本效益。 长期项目：对于周期较长的项目，如科研项目、大型活动策划等，包年/包月计费模式可以确保在整个项目周期内资源的稳定使用。 业务高峰预测：如果能预测到业务高峰期，如电商促销季、节假日等，可提
组件间交互 操作场景 组件间交互是指在同一页面中，不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。
责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型：设置查询数据的类型，如查询时间范围内的数据或瞬时数据。 查询周期：设置查询时间的周期，某一个时间段内或某个时间点。 最大采样点数：设置查询数据的个数，取值范围为[1
组件开发规范。 在AstroCanvas界面“我的资产 > 我的组件”中，将自定义组件上传到组件库中时，“场景”请选择“大屏&PC端”、“移动端”。设置后，该组件才可在页面中展示。 图1 上传自定义组件 AstroCanvas中组件 介绍AstroCanvas支持的组件类型，以及
在前台对数据进行筛选 列宽占比(%)：设置列宽的占比。 表头对齐方式：设置表头的对齐方式，如居中、左对齐等。 表头背景色：设置表头的背景颜色。 表头字体：设置表头的字体、颜色和大小等。 内容对齐方式：设置表格中内容的对齐方式，如居中、左对齐等。 内容字体：设置表格中内容的字体、颜色和大小等。 数据
转换器：选择转换器，用于对数据进行转换处理。 数据预览：单击“数据预览”，在右侧可直观展示经过转换器处理后的样例报文。 在左侧流程图中单击“+”，可根据需要添加其他节点，如过滤、排序、限制行数等。 设置完成后，单击“保存”。 父主题： 数据接入
组件响应动作实现 组件除了可以作为事件的触发器，还可以处理事件的响应动作，在响应动作中选择组件响应，就可以选择对应的组件响应动作，数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍，如何实现组件响应动作。 注册动作 在响应动作中，单击“响应动作”，在下拉框中选择对应的响应动作。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
