检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件交互 组件自定义事件实现 组件响应动作实现 父主题： 自定义组件开发规范
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
组件图层位置移动 操作场景 在AstroCanvas大屏开发页面，支持将组件图层向上、向下移动一层或移动至底层等，帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前，表示组件在画布中的显示越靠前。 位置层次越靠后，表示组件在画布中的显示越靠后。 当两个组件重叠时，位置靠前的组件会覆盖位置靠后的。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题： 自定义组件开发规范
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时，可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件，单击。 在自定义动作中，单击“新增自定义动作”，修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中，输入如下代码，调用echarts提供的动作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 父主题： 代码结构介绍
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变
{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。 AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，相当于HTML文件，负责样式展示。 在AstroCanvas中自定义组件时，需要在服务端提前渲染的部分，可以写在此文件中。 文件示例 <div id="EchartsWidgetTemplate"
单击“+响应动作”，选择“页面跳转”，跳转到外部页面，外部页面地址引用全局变量，设置为“${url}”，弹出新窗口打开页面地址，单击“确定”。 单击“完成”，设置后用户在单击柱图数据时，会跳转到数据集中设置的具体url页面。 图4 设置页面跳转 设置完成后，单击页面上方的，保存页面。 保存成功后，单击，预览效果是否符合预期。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
i18n.json 文件介绍 i18n.json为组件的国际化资源文件，用于配置多语言，目前支持的多语言包含中英文两种，相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中，在packageinfo.json中的配置示例如下： "i18n":
magno对象预置API一览表 表1 magno对象预置API一览表 API API说明 savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中，保存当前组件的高级设置属性信息。
图解Astro大屏应用
续费 续费概述 手动续费 自动续费
在云服务控制台续费 登录管理控制台。 单击左侧导航栏的图标，选择“开发与运维 > Astro轻应用（原AppCube）”，进入Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入Astro大屏应用服务控制台。 在已购买的Astro大屏应用实例中，单击“续费”。
水平基本柱图 统计当前人员类型，如总公司员工、合作员工、访客人员、安防人员、保洁人员。 基本柱图 统计入园和出园人数。 区域图 统计昨日在园人数。 开发大屏页面 登录AstroCanvas服务控制台，单击“进入首页”，进入AstroCanvas界面。 选择大屏&PC端项目，输入项目名称为“统计”，单击“新建”。
仅支持从低规格套餐升级到高规格套餐，不支持降级。 操作步骤 登录管理控制台。 单击左侧导航栏的图标，选择 “开发与运维 > Astro轻应用（原AppCube）”，进入Astro轻应用服务控制台。 在左侧导航栏中，选择“Astro大屏应用”，进入Astro大屏应用服务控制台。 在已购买的实例中，单击“升级服务”。 图1
数据中心用于对数据源进行集中管理，将数据源配置简化，降低技术门槛，让业务人员可快速完成配置。AstroCanvas当前支持如下几种类型的数据集，其与数据源、转换器和目录之间的关系，如图1所示。 图1 数据源、数据集、转换器、目录之间的关系图
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
