检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件配置项（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 父主题： 代码结构介绍
如何通过全局变量，实现组件数据的动态变化 在华为云Astro大屏应用中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${url}”，弹出新窗口打开页面地址，单击“确定”。 单击“完成”，设置后用户在单击柱图数据时，会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后，单击页面上方的，保存页面。 保存成功后，单击，预览效果是否符合预期。
入门实践 当您购买了华为云Astro大屏应用实例后，可以根据业务需要搭建所需的大屏页面和移动端页面。本文介绍华为云Astro大屏应用常见的搭建实践，帮助您更好的使用华为云Astro大屏应用。 表1 常用最佳实践 实践 描述 使用华为云Astro大屏应用开发人员来访统计大屏页面 本
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在华为云Astro大屏应用中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项，您可以通过{widget}.editor.js文件中定义的type字段，来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
i18n.json 文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n":
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig示例如下：
图解华为云Astro大屏应用
续费 续费概述 手动续费 自动续费
请确认包年/包月的华为云Astro大屏应用还未到期。 在购买实例页面开通自动续费 您可以在购买华为云Astro大屏应用实例页面开通自动续费，如图1所示。更多关于购买华为云Astro大屏应用实例的介绍，请参见购买华为云Astro大屏应用实例。 图1 自动续费配置 在续费管理页面开通自动续费 登录管理控制台。 在主菜单中，选择“费用
存储容量 5G 10G 100G 加密分享 支持 支持 支持 数据接入 支持 支持 支持 项目管理 支持 支持 支持 图表组件 支持 支持 支持 地图组件 支持 支持 支持 自定义组件 不支持 支持 支持 地图服务接入 不支持 不支持 支持 三维场景编辑 不支持 不支持 支持
表1标“*”的计费项为必选计费项。 表1 计费项 计费项 计费说明 计费模式 计费公式 * 实例版本 华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐，请按需购买。 华为云Astro大屏应用基础版：基于平台预置模板、基础组件，快速开发专业水准大屏。
在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择“开发与运维 > Astro轻应用（原AppCube）”，进入华为云Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入华为云Astro大屏应用服务控制台。 在已购买的华为云Astro大屏应用实例中，单击“续费”。
时间段的使用量和计费信息。 账单上报周期 包年/包月计费模式的资源完成支付后，会实时上报一条账单到计费系统进行结算。 查看指定资源的账单 登录管理控制台。 在主菜单中，单击“费用”。 在左侧导航栏中，选择“订单管理 > 我的订单”，进入“我的订单”页面。 在我的订单中，在图1中所示位置单击鼠标左键，复制订单号。
None 服务介绍 华为云Astro大屏应用服务视频 介绍什么是Astro大屏应用 09:18 低码轻松实现数据可视化，帮助企业把数数清楚 新手入门 华为云Astro大屏应用服务视频 介绍AstroCanvas界面各个功能菜单 05:43 入门指引 华为云Astro轻应用服务视频
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
