检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
classfication字段代表的是当前组件需要展示哪些大的配置项分类。AstroCanvas在设计前期对分类也进行了分组，因此这个字段被扩展为双数组形式。一般默认情况下，直接在数组对象的第一个数组中配置即可。如果无配置，则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。
设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中，单击“+ 交互事件”，选择“当点击数据时”。 在响应动作中，单击“+ 响应动作”，选择“组件响应”。 在动作详情中，设置具体的响应动作。 本示例中，通过选择事件参数，来控制组件值的变化，即单击实心圆饼图中某个数据系列时，下拉选择框中的值随之改变。 图1 设置动作详情
过程中页面跳转较多，为了简化操作，AstroCanvas支持在组件数据配置过程中，直接创建并使用各种类型的数据源。 新建数据源的参数说明和在数据中心中配置的数据源参数含义相同，本章节以AstroZero API为例进行说明。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
操作场景 在我的卡片中，管理保存为卡片的组件，如删除组件、修改组件名称等。 图1 保存为卡片 复制卡片到其他工作空间 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在主菜单中，选择“我的资产”。 在左侧导航栏中，单击“我的卡片”。 将鼠标放在待复制的卡片上，单击。
代码结构介绍 了解代码目录结构 目录文件详解 父主题： 自定义组件开发规范
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变
您也可以将“联合方式”设置为“连接”，通过连接实现数据的汇总，如图8。 左连接：返回左表中的所有行，如果左表中的行在右表中没有匹配的行，则结果中右表中的列返回“null”。 右连接：与左连接相反，返回右表中的所有行，如果右表中的行在左表中没有匹配的行，则结果中左表中的列返回“null”。 内连接：取两个表的交集，两张表都有的才能显示出来。
目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍
屏幕大小 开启网格 开启画布网格线功能，用于标定组件在画布中的位置，方便对齐页面组件，发布页面后网格线不会显示出来。开启网格后，支持设置网格的大小和颜色。 图2 开启网格后效果 适应方式 根据需要选择页面适配方式。其中，等比缩放水平铺满、等比缩放垂直铺满和全铺满默认拥有自适应能力
选择在“数据中心”中配置的数据集，作为组件数据来源。选择此方式时，请确保数据集已在数据中心创建，详情请参见数据中心。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“数据集”。
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解
丰富组件轻松配置样式，快捷配置灵活实现布局 功能介绍 预置400+各类组件，配合自定义组件能力，实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 特性优势 丰富的组件：各类图表、地图、视频、二三维引擎、Echarts组件等等，快速进行数据可视化。 自定义组件能力：提
根据大屏高保真设计或构思，划分基本布局，并拖拽对应的组件到画布中。如何添加组件到画布中，请参见组件管理。 组件设置 为组件对接业务数据、根据大屏互动形式设置交互动作、根据UI设计设置组件的样式、颜色等。支持预览页面、查看整体效果，按需调整，优化布局细节。 各组件功能介绍，请参见组件介绍。 组件数据源设置，请参见数据接入。
数据集管理：新增并管理数据集，配置数据集后，在组件“数据”页签中可选择具体的数据集。 连接器管理：通过新建HTTP连接器，可引入第三方的API作为组件的数据来源。 转换器管理：转换器是对数据集数据的再加工，为了将数据和组件更好的结合，以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等，更多介绍请参见资产管理。
选择该方式时，页面会获取“输入数据”中的静态数据展示在页面上。AstroCanvas已预置了静态数据，您也可以自定义静态数据。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在编辑页面状态下，选中组件，单击组件上方的。 在数据类型中，选择“静态数据”。 图1
到画布中。 图3 拖拽基本柱图到画布中 选中该组件，单击组件上方的，进入组件数据页面。 在“数据类型”下拉框中，选择“数据集”，选择创建数据集中创建的数据集。 配置全局变量。 全局变量可以理解为参数变量，用于控制组件之间参数的传递，从而达到交互的目的，例如图表联动、自定义字段等功
数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。 图7 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。
通用设置 操作场景 在通用设置中，可以设置网页图标、开启页面加载动画等功能。 操作步骤 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在AstroCanvas界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。
通过创建工作空间，可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前，需要先创建一个项目。项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面。 组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个
用。 前提条件 发布为全局模板时，请确保该页面中仅使用了全局资产（全局组件、库、静态数据）。 操作 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 在项目列表中，单击页面所在的项目，进入项目。 在所有页面中，单击待发布为全局模板的页面。 单击“编辑页面”，进入大屏开发页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
