检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何将AstroZero中的大屏项目迁移到AstroCanvas 场景说明 华为云Astro大屏应用（Astro Canvas，简称AstroCanvas） 产品已正式商业化上线。Astro轻应用（Astro Zero，简称AstroZero）免费版中的“业务大屏”入口计划于20
切换箭头：是否显示页面切换箭头。 切换方向：设置页面切换方向，如水平、垂直。 切换方式：设置页面切换方式，如淡出、推出、展示等。 自动播放 自动轮播：设置轮播方式，支持手动和自动。 间隔时间：设置轮播的间隔时间，不大于24秒。 分页配置 分页标志：是否显示分页标志。 标志选择：选择分页标志样式，如点、线等。
在轮播配置中，设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播设置 轮播设置 图片：设置轮播组件的图片。 填充方式：设置图片填充方式，支持填充、包含、覆盖和无。 切换 切换方向：设置图片切换方向，如水平、垂直。 切换方式：设置图片切换方式，如淡出、推出、展示等。 自动播放
发器和响应器，根据用户所定义的事件不同，可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 操作步骤 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件
阶组件、自定义组件能力，高度还原设计稿大屏。 Astro大屏应用企业版：适用于3D场景开发，支持私有化部署。 变更实例 表2 变更实例约束与限制 限制项 约束与限制 变更AstroCanvas实例规格 仅支持从低规格套餐升级到高规格套餐，不支持降级。 开放区域 表3 AstroCanvas开放区域约束与限制
路由导航(示例) 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据大屏提供更多的交互模式。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由导航(示例)”组件至画布空白区域，如图1，路由视图的配置介绍，请参见路由视图。 图1 路由导航(示例)
图层管理 视图切换 组件图层位置移动 筛选组件类型
输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number 计数器 slider 滑块 切换类型 tab 切换 switch 开关 radio 单选 checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time
选项卡 选项卡是导航组件的一种，用于快速在页面某区域中切换不同内容，显示为其关联内容上方的单行元素。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“选项卡”组件至画布空白区域，如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡
全屏 全屏是基础交互组件的一种，能够灵活的在全屏和小屏中进行切换。 在大屏设计页面，从“全部组件 > 其它”中，拖拽“全屏”组件至画布空白区域，如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
通过预置交互事件+交互动作，零代码实现丰富组件交付场景，同时开放自定义扩展组件交互事件动作能力，满足复杂的页面交互。 特性优势 切换更加流畅：多样可视化，灵活切换。 效果更加炫酷：数据流动，清晰展现。 交互更加丰富：常见交互零码轻松实现，特殊交互两步自由定制。 多屏协同配合，打造多屏一致性体验
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视
在配置中，设置内嵌的本项目其它页面或者外包页面。当嵌入页面虚拟为不同域名时，可以提高整个页面的加载速度。 图4 配置 页面切换 当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面
租户管理员参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 将鼠标放在页面右上方的“默认团队空间”上，选择新建工作空间中创建的工作空间，切换到目标工作空间。 在目标工作空间中，单击页面数量下方的“调整配额”。 图1 选择调整配额 输入页面配额，单击“确定”。 例如，输入页面数为
如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量，实现组件数据的动态变化 如何进行设置页面 如何切换Canvas平台主题颜色 如何设置分享码 如何进行版本回退 如何设置Token认证 AstroCanvas分享页Token签名校验使用说明
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时，可以在自定义事件中设置。 当前仅“Astro大屏应用专业版”实例，才提供Echarts图表组件。 自定义事件交互设置 在大屏设计页面，从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中
如何设置分享码 操作场景 AstroCanvas支持设置页面分享码，设置后，需要校验分享码才可正常访问页面，以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中，单击，保存页面。 保存成功后，单击，打开“发布链接”开关。 图1 打开发布链接（新建项目） 图2 打开发布链接（已有项目）
AstroCanvas分享页Token签名校验使用说明 操作场景 通过Token参数签名校验功能，可以对大屏交互时传递的URL进行签名鉴权，保证大屏的URL访问链接不会被篡改，从而提高大屏数据以及用户信息的安全性。 前提条件 在使用Token签名验证功能前，需满足以下条件： As
设置相关权限，并且该权限仅对此项目生效。如果在“所有项目”中设置权限，则该权限在所有区域项目中都生效。访问AstroCanvas时，需要先切换至授权区域。 根据授权精细程度分为角色和策略。 角色：IAM最初提供的一种根据用户的工作职能，定义权限的粗粒度授权机制。该机制以服务为粒度
左边距：进度条到组件边框左侧的距离。 配置 在配置中，设置组件的模板、是否显示标题等。 图6 配置 参考模板：系统预置的进度条模板，单击默认或参考配色模板可进行切换。 组件标题 设置标题：是否显示组件标题。 内容：设置标题内容。 标题离容器上边距：标题距离组件上方的距离。 标题离容器左边距：标题距离组件左边的距离。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
