检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
监控页面为例，逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面，如图1所示，在页面上方下拉框中选择告警状态，可查看各个地区相应状态下的告警数量分布。 实现原理：该场景中将告警状态定义为全局变量，在页面中使用系统预置的“下拉选择框”和“多区域折线图”组件
间和结束时间。 图4 预览效果 设置完成后，按F12，在“Console”页签，即可获取查看eventParam。 图5 eventParam data：保存最详细的动作信息对象。 图6 查看data $pageStore：保存页面中全局变量的对象。 如果在全局变量中，配置了一个
件，且文件大小不能超过100KB。 执行导入操作前，请单击，查看当前组件对静态数据字段的要求。例如，玫瑰花饼图要求静态数据必须存在“s”和“value”字段列。如果不存在，右侧的“图表预览”将无法正常渲染。 图2 查看组件静态数据字段要求 图3 配置中无字段 单击“保存为静态数据
在项目列表页面中，单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包，单击“打开”，即可将项目导入到AstroCanvas。 导入成功后，在项目列表中，可查看到已导入的项目，并根据自身业务需求，进行二次开发。当所选项目与目标空间存在资产冲突时，如图2所示，此时请参考如何解决资产冲突问题？中操作进行处理。
桥接器模型名称可在使用该桥接器的组件中查看。例如，在玫瑰花饼图中使用自定义桥接器，请按照如下操作获取模型名称。 返回AstroCanvas界面，在主菜单中，选择“我的资产”。 在左侧导航栏中，选择“我的组件”。 在“所有组件”中，查找到玫瑰花饼图，将鼠标放在组件上，单击，将组件下载到本地。
单击应用名，进入概览页面，即可查看到Key值。 AppSecret：ROMA Connect上应用的请求密钥，用于私钥认证，获取方式如下： 登录ROMA Connect实例控制台。 在左侧导航栏中，选择“集成应用”。 单击应用名，进入概览页面。 单击Secret右侧的图标，即可查看Secret值。
使用华为账号，登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。 在左侧导航栏上方，单击，选择服务实例所在的区域项目。 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入AstroZero服务控制台。 在主页中，单击“进入首页”，进入AstroZero应用开发页面。 单击主页
参考创建页面中操作，创建所需的页面。 在页面上方的工具栏中，单击，可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量，且变量的名称和项目变量一致（如ProjectVariable），则只有页面全局变量会生效。 图2 查看项目变量 在数据或交互动作中，使用项目变量。 选中页
item["学号"])), })) 转换器保存成功后，单击页面右上角的“保存”，返回设计界面。 在页面数据集页签中，可查看到已创建的数据集。单击图标，可查看当前页面使用了哪些数据源。 图9 查看页面数据集 使用页面数据集 在开发页面，从“组件 > 图表”中，拖拽基本柱图组件到画布中。 图10 拖拽基本柱图到画布中
在项目列表中，单击“导入项目包”。 选择2中下载的可视化应用本地部署包（AstroCanvas_项目名_随机编码.zip）。 在项目列表中，可查看到项目已成功导入。 图18 查看导入的项目 配置数据源密码和加密字段。 在运行环境中导入可视化应用本地部署包后，如果应用包中包含关系型数据库、Promet
局变量值变化而变化。 如图1所示，也可以不使用“下拉选择框”组件，直接在发布的页面URL末尾加上“?全局变量名=值”，给页面全局变量赋值，查看组件的数据变化。 图1 在URL参数中给全局变量赋值 父主题： AstroCanvas学堂
容”，进行扩容，详情请参见购买扩容包增加页面数。 图2 设置页面配额 设置后，可发现页面数由“0个/0个”更新为“0个/10个”。 图3 查看已设置的页面配额 父主题： 创建工作空间
”，“dataIndex”设置为“0”。 图3 设置动作详情 保存交互设置，预览页面，echarts组件渲染首个数据获得高亮效果。 图4 查看渲染效果 父主题： AstroCanvas学堂
支持新建分组，用于集中管理项目。 试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。 单击“查看所有”，可查看系统预置的所有模板。 将鼠标放在对应的模板上，单击，可查看模板详情。 直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据
图1 获取发布链接（已有项目） 图2 获取发布链接（新建项目） 单击，可生成新的链接，原链接将不可访问。单击，可复制该链接。 版本管理：只能查看页面的版本和编辑版本的描述信息。 分享码设置：设置页面分享码和分享码有效期，设置后，只能通过分享码来访问页面，提高安全性。更多介绍，请参见如何设置分享码。
0），在版本管理中，勾选“园区办公人员统计”页面，单击“确定”。 图1 新建版本 单击，将6中新建的版本设置为当前发布版本。 图2 设置发布版本 单击对应项目上的，即可查看到项目的首页变为了园区人员办公统计页面。 父主题： 页面管理
选择支付方式，单击“去在线支付”，完成订单支付。 图4 确认付款 订单支付成功后，单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中，可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时，说明实例已安装好，可以正常使用。 图5 Astro大屏应用控制台 父主题： 购买AstroCanvas实例
费，否则已创建的项目、页面等功能的使用可能将会受限。关于续费的详细介绍，请参见续费概述。 费用账单 您可以在“费用中心 > 账单管理”中，查看与AstroCanvas相关的流水和明细账单，以便了解您的消费情况。如需了解具体操作步骤，请参见费用账单。 欠费 在使用AstroCanv
数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图8 查看后台分页效果 父主题： AstroCanvas学堂
在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果 父主题： AstroCanvas学堂
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
