检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化，帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频
（可选）项目创建后，可参考项目管理中内容，对项目进行设置。 新建文件夹 项目创建后，支持在项目中新建文件夹，用于集中管理页面。 在“大屏&PC端项目”页面，单击“所有页面”后的“...”，选择“新建文件夹”。 在创建文件夹页面，输入文件夹标题，单击“确定”，即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字
Astro大屏应用（Astro Canvas，简称AstroCanvas）是华为云Astro低代码平台提供的可视化页面构建服务，提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力，支持多屏适配，帮助开发者快速构建和发布专业水准的实时可视化应用。 商用 产品介绍 计费说明 快速入门 用户指南
单击“编辑页面”，进入大屏开发页面。 在页面上方工具栏中，单击，即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题： 页面管理
置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件内统一从itemVal获取数据。select组件的内部处理API如上面代码。 inReader 判断当前页面状态是开发态或预览态，使用方式参考如下： if (!Studio
提高大屏数据及用户信息的安全性。 设置内容安全策略：大屏页面嵌入第三方系统时（例如以iframe形式嵌入），如果涉及跨域访问，请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击，缓解跨站脚本攻击。除限制可以加载内容的域，还可指明哪种协议允许使用，缓解数据包嗅探攻击。
在组件“.js”文件逻辑代码中，使用“thisObj.triggerEvent()”方法触发该事件时，要将变量字段传入发送的data中。 fields[0].desc 变量的中英文描述，可选配置。 在组件的“global_SelectWidget.js”文件中，注册名称为“sendSelect”的事件。
el的情况下可以通过输入数字控制label的宽度（单位为px）。 tip Object 否 tip: { zh_CN: "当前排行榜展示的数据行数", en_US: "Number of data rows displayed in the current ranking page
创建页面 初识开发页面 使用空白画布新建页面 使用模板新建页面 使用页面模板文件新建页面
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的素材”。 将鼠标放在对应的素材上，单击。 图6 查看素材详情 在素材详情页面，查看素材名称、大小、文件尺寸和上传时间。 删除素材 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在主菜单中，选择“我的资产”。
在左侧导航栏中，单击“我的桥接器”。 将鼠标放在对应的桥接器上，单击。 图6 编辑我的桥接器 在桥接器编辑页面，单击右上角的，获取锁。 按需在线修改桥接器文件，单击。 在弹出的提示框中，单击“确定”。 在桥接器更新页面，按需设置桥接器参数（如修改桥接器名称为桥接器-Update），单击“更新”。
你可以用$pageStore.setItems([{key:'id',value:'123'}])来批量更新全局变量 */ // {widget16}.hideWidget() console.log(eventParam); console.log(data); console.log($pageStore);
在左侧导航栏中，单击“我的组件”。 将鼠标放在对应的组件上，单击。 图10 编辑组件 在组件编辑页面，单击右上角的，获取锁。 按需在线修改组件文件，单击。 在弹出的提示框中，单击“确定”。 在组件更新页面，按需设置组件参数（如修改组件名称为TabsWidget_Update），单击“更新”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
