检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
单击，进入预览页面，预览效果。 图7 最终呈现效果 父主题： 数据集管理
单击，进入预览页面，预览效果。 图7 最终呈现效果 父主题： 数据集管理
单击，进入预览页面，预览效果。 父主题： 数据集管理
图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie”已关闭（如图8），否则无法正常预览页面。 图8 关闭阻止第三方Cookie 父主题： AstroCanvas学堂
图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果 父主题： AstroCanvas学堂
图3 新增一个转换器 数据预览：单击该按钮，可预览测试数据。 单击“保存”，完成数据集的创建。 父主题： 数据集管理
图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果 父主题： AstroCanvas学堂
单击，在预览页面，设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后，按F12，在“Console”页签，即可获取查看eventParam。 图5 eventParam data：保存最详细的动作信息对象。
单击，进入预览页面，预览效果。 图9 最终呈现效果 父主题： 数据集管理
图5 设置内容安全策略 开启“内容安全策略”时，如果在浏览器无痕模式下预览页面，请确保“阻止第三方Cookie”已关闭，否则无法正常预览页面。 图6 关闭阻止第三方Cookie 父主题： 页面管理
返回项目列表，将鼠标放在对应的项目上，单击，即可预览发布后项目版本的页面。 父主题： 项目管理
开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行排序。 图9 在前台对数据进行排序 前台筛选：是否开启前台筛选功能。开启后，在预览表格时会显示下图中的图标，用于对表格中的数据进行筛选。
图3 设置动作详情 保存交互设置，预览页面，echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题： AstroCanvas学堂
发布及安装项目 项目开发完成后，可以在线预览，也可以一键打包从A环境发布、B环境安装，实现开发 > 测试 > 上线的快速部署，从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的项目进行一键发布，发布项目时支持将项目中的数据集数据一并进行打包。
数据预览：单击“数据预览”，可直观展示经过转换器处理后的样例报文。 步骤2 开发告警监控大屏页面 新建一个空白的大屏页面。 在AstroCanvas界面上方，单击“项目列表”。 在项目列表页面，单击“新建项目”。 输入项目名称，单击“新建”，新建一个大屏&PC端项目。
单击，保存页面后单击，预览效果。 父主题： 交互设置
单击，保存页面，单击，预览效果。 父主题： 交互设置
数据预览：单击“数据预览”，在右侧可直观展示经过转换器处理后的样例报文。 在左侧流程图中单击“+”，可根据需要添加其他节点，如过滤、排序、限制行数等。 设置完成后，单击“保存”。 父主题： 数据接入
3 工具栏 工具栏位于编辑器页面的最上方，通过工具栏提供的功能，可以完成保存页面、页面设置、全局变量设置、预览页面以及发布制作好的可视化应用等。 4 画布 页面开发操作区域，即画布区域，完成对页面具体布局、组件放置等操作。
保存成功后，单击，预览效果是否符合预期。 单击相应数据，跳转到对应页面，符合预期。 父主题： AstroCanvas学堂
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
