检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
如何通过全局变量，实现组件数据的动态变化 操作场景 在AstroCanvas中，支持通过全局变量，来控制组件数据的动态显示。本章节以全局变量，控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1
参考模板：系统为您预置了单选和多选两种类型的模板，请根据实际业务场景进行选择。 配置 在配置中，设置下拉选择框和下拉弹出框。 图4 配置 下拉选择框设置 开启多选：是否开启多选。 默认选择：下拉框默认的选择项，单击“新增默认选项”，可新增多个选项。
对应的状态码，系统默认有如下几个状态，每个状态有对应的状态码来标识。 当月默认状态：状态码为“0”。 选中状态：状态码为“1”。 前月和下月状态：状态码为“2”。 状态4/5/6/7：其他状态，每种状态可对应日历上的待办事项或者重要内容等。
自定义事件：echarts组件支持自定义扩展事件和交互，来扩展组件在系统中的交互能力。单击“新增自定义事件”，可新增事件。在事件实现中，编辑事件实现的代码，为echarts实例或组件实例的某个动作回调绑定发送事件的方法triggerCurrentEvent。
为工作空间添加成员 为工作空间添加成员，只有在空间中的成员，才能在该空间下执行创建项目、页面等操作。 前提条件 待添加的成员已完成AstroCanvas授权，否则此处添加成员时无法选择到所需的成员。如何为成员进行授权，请参见授权IAM用户使用AstroCanvas。 操作步骤 租户管理员参考登录
页面数据集 操作场景 通过页面数据集，实现多个组件对接同一个数据输入，减少重复的请求和配置。同时，在新建页面数据集时，还支持配置多数据输入（最多5个），来实现组件同时对接多个数据流。 本章节以将两个静态数据集（多数据流1、多数据流2）中的数据汇合后，作为组件的数据来源为例，向您介绍如何创建并使用页面数据集
（可选）新建分组 当前项目较多时，可通过添加分组，来集中管理项目。 新建分组 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在“项目列表”中，单击“分组”后的，进入新建项目组页面。 输入项目组名称，单击“新建”。 项目组名称的长度为1~64个字符，可包括中文
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件，负责组件编辑状态时需要渲染的界面和逻辑。其中，“{widget}”为自定义组件的名称，如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
参考模板：系统预置的组件样式模板，支持默认模板和标签模板两种样式。 边框圆角：边框的圆角，四个角弧度取值范围为0~500，单位px。 图表背景：图表的背景颜色。 图表标题：图表标题是否显示，支持自定义或者从系列中获取。
{widget}.js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取，以EchartsWidgetTemplate组件为例，在“{Widget}”.editor.js文件中，可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时
eventConfig 字段介绍 eventConfig为组件事件配置项，用于定义组件事件暴露的变量结构，以及事件和对外透传变量的业务含义。eventConfig配置好后，在组件配置交互时可以将事件的itemVal传递给页面全局变量中，供其他组件使用。 典型示例 典型的eventConfig
如何使用高级表格的后台筛选功能 操作场景 后台排序必须和全局变量一起配合使用。后台分页、后台排序和后台筛选同时启用时，在添加转换器时，需要先筛选、再排序、最后分页，如图1。 图1 转换器添加顺序 后台筛选 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
