检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
资产管理 我的卡片 我的素材 我的组件 我的库 我的模板 我的桥接器
自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互
组件配置项（Config配置） 配置项总览 通用配置 input textarea input-number slider tab switch radio checkbox colorpicker time select list 父主题： 自定义组件开发规范
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的数据标记柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角
赋予“Astro Canvas InstanceManagement”系统策略，您也可以直接使用系统预置的admin用户组。 图1 赋予用户组Astro Canvas InstanceManagement系统策略 IAM用户创建后，请使用IAM用户登录华为云Astro大屏应用。登
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的双向柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角半径
描述：生成模板的描述信息，可按需进行设置。 发布方：设置模板的发布方。 发布模板库：设置模板库的语言，此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中，即可查看到该模板。 封面：为模板添加封面，可截图获取封面也可以自定义封面。 后续处理 发布为全局模板后，需要联系
文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的折柱图模板。 图表背景：图表的背景颜色。 颜色设置：设置图表背景颜色。 圆角：图表背景是否为圆角。 圆角半径：四边圆角时的圆角半径（
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。
特效：组件是否高亮显示，支持默认展示和跳转到页面时展示。 边距：组件中图表距离整个组件四边（上、下、左、右）的距离（参见图2），默认为0，即铺满整个组件。 参考模板：系统预置的组件样式模板，支持默认和带标签两种。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。
在主菜单中，单击页面右上方的“管理”，进入华为云Astro大屏应用管理页面。 在左侧导航栏中，选择“页面资产管理 > 桥接器模板”。 在右侧页面，可以查看到系统预置的桥接器模板bridgeBasicTemplate。 单击桥接器模板，在桥接器模板详情页面，可查看模板详情。 下载桥接器模板 参考登录
应能力，无自适应指页面不会根据不同大小终端设备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时，支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面，支持截取当前页面为封面或上传本地的图片作为封面。
在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。 图1 选择静态数据 根据业务需求自定义静态数据，也可直接使用系统预置的数据，单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时，可执行如下操作：
单击“新建”。 项目名称的长度为1~64个字符，可包括中文、字母、数字及下划线，但不能以下划线开头或结尾。 图8 新建大屏&PC端项目 系统自动进入该新建项目的“大屏&PC端项目”页面，如图9。 图9 大屏&PC端项目页面 步骤四：构建可视化大屏页面 华为云Astro大屏应用中
AK/SK：通过访问密钥进行接口鉴权。访问密钥即AK/SK（Access Key ID/Secret Access Key），是您访问系统的身份凭证，系统通过AK识别访问用户的身份，通过SK进行签名验证，通过加密签名验证可以确保请求的机密性、完整性和请求者身份的正确性。 API Ke
则这里“API接口”显示为中文标签。如果接口标签未定义，则显示接口的操作名称。 请求类型：API接口的请求类型，系统会自动填入。 参数：接口入参，当有入参时，系统会自动展示，本示例不涉及。 当有入参时，单击参数后的“变量配置”，可给变量设置默认值。 图4 给变量设置默认值 测试
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
