检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，如默认、极简等。 图表背景：设置图表的背景颜色、圆角和内边距。 配置 在配置中，可以开启或关闭组件的轮播效
单击“+响应动作”，选择“赋值全局变量”。 在“动作详情”中，单击“+”，将页面级全局变量“url”赋值给组件数据源中的字段“url”，单击“确定”。 图3 赋值 单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${url}”，弹出新窗口打开页面地址，单击“确定”。 单击
图片不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图3），默认为0，即铺满整个组件。 参考模板：系统预置的折柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。
且图片大小不能超过50MB。 特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：图表模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。
作用域：设置新建资源作用的域。 项目级：资源应用于整个项目。 页面级：资源应用于哪些页面。 页面作用域：选择资源所应用的页面。 开发界面下不加载：是否在开发页面时加载资源，请在确认不影响开发页面中的功能后，再打开，以减少开发时的资源加载。 设置后，再次进入项目时，设置才会生效。 单
地图 AstroCanvas中的地图组件为二维地图，支持高德、百度、天地图和自定义地图。 在大屏设计页面，从“地图”中，拖拽“地图”组件至画布空白区域，如图1。 图1 地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构，可以理解为组件由卡片中基础元素（卡片标题、图表、卡片背景、卡片边框）和图表元素构成。
参考使用空白画布新建页面中操作，新建大屏空白页面。 在大屏开发页面，单击，新建全局变量，如hotSelect。 图3 新建全局变量hotSelect 在画布中，拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件，单击组件上方的，设置组件数据来源。 在全局变量中，选择3中创建的全局变量hotSelect。
按照项目限制：项目中页面首次完成验证后，其余页面无需二次验证。例如，页面A、B、C设置了Token认证，页面D、E、F设置了分享码。勾选按照项目限制时，校验过页面A的Token认证后，不会再校验页面B和C。校验了页面D的分享码后，同样不会再校验页面E和F。 按照页面限制：项目遵循各页面访问限制。
通过视图切换功能，可将页面中的组件切换为列表或卡片样式。 列表：展示了所有组件的icon和标题，方便组件的快速查找。 卡片：展示了组件的初始化样式和标题，方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作，创建所需的页面。 选择“图层”，进入图层页面。 当页面中组件较多时，切
路由视图 路由视图是导航组件的一种，通过配置不同页面，在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用，提升性能。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由视图”组件至画布空白区域，如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图
通过组件隐藏功能，可以隐藏多个已部署完成的组件，使得组件过多的可视化页面变得更加清晰，操作更加流程，从而提高可视化页面的开发效率。 组件隐藏后，在开发态和预览页面时，都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击右键，选择“隐藏”，可隐藏该组件。
在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图
当有多个页面需要轮播展示时，可打开该开关。开启后，可配置单个页面的展示时长。 页面编辑 单击切换页面后的，新增该组件区域展示的页面，支持选取项目内的其他大屏页面和外部页面。 图5 项目内页面 图6 项目外页面 交互 在交互中，设置Iframe布局框组件与组件、页面之间的交互能力。交互设置更多介绍，请参见交互设置。
在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“移动端”，输入项目名称，单击“新建”。
按照项目限制：项目中页面首次完成验证后，其余页面无需二次验证。例如，页面A、B、C设置了Token认证，页面D、E、F设置了分享码。勾选按照项目限制时，校验过页面A的Token认证后，不会再校验页面B和C。校验了页面D的分享码后，同样不会再校验页面E和F。 按照页面限制：项目遵循各页面访问限制。
开发者开发某个大屏页面时，希望回退到历史某个页面版本进行编辑。 版本回退 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表的所有项目中，单击页面所在的项目，进入项目。 在所有页面中，单击对应的页面，单击“编辑页面”，进入大屏开发页面。 在工具栏中，单击，进入页面发布设置。
路由导航(示例) 路由导航(示例)是导航组件的一种，通过配置不同的路由页面，快速切换和定位到其它的页面中，给数据大屏提供更多的交互模式。 在大屏设计页面，从“全部组件 > 导航”中，拖拽“路由导航(示例)”组件至画布空白区域，如图1，路由视图的配置介绍，请参见路由视图。 图1 路由导航(示例)
@param resizeFunc 页面resize时，需要触发的回调函数，可选 */ this.registerResizeEvent( () => this.readerVm?.echartInst?.resize(), // 会在页面resize时，触发echartInst的resize
在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 创建项目 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“新建项目”。 在新建项目页面，选择“大屏&PC端”，输入项目名称，单击“新建”。
项目锁是一个全局锁，页面锁是局部锁。项目被锁定后，项目中的所有页面均无法编辑。 为项目设置锁 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 在页面右上角，选择“编辑项目”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
