检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
类型”选择“AstroZero API”时，才显示该参数。 共享数据：是否共享数据。勾选表示某项目里多个组件调用一个公共的请求（请求路径与入参均一致才视为同一公共请求）而访问同一个接口的数据，避免多次调接口。“桥接器数据类型”选择“AstroZero API”时，才显示该参数。
上移、下移、置顶、置底等层级操作，也可以通过设置组件属性精确设置层级。在画布区域中按住Ctrl键可选择多个组件，拖动其中的某个组件，其他组件也随着改变位置，支持按鼠标左键框选多个组件。 5 主题 主题可以一键改变装饰卡片元素、图表配色和字体颜色等视觉效果。单击“取消当前主题卡片装
行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作，新建关系型数据库数据源。 图1 新建关系型数据库数据源 参考关系型数据库中操作，新建关系型数据库数据集（新建变量value）。 图2 新建关系型数据库数据集 新建全局变量。 参考使用空白画布新建页面中操作，新建大屏空白页面。
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
Data" } 标题，需要国际化。 limitNumber String 否 type: '1' 拖拽字段个数限制。 1：只能拖拽一个字段。 1+：可以拖拽多个字段。 required Boolean 否 required: true 是否必须配置。 组件使用数据集 数据集实例获取。
将数据中的total字段，添加到数据总数中。 后台分页 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。 新建一个大屏页面，从“全部组件 > 文本”中，拖拽“高级表格”组件至画布空白区域。 开启后台分页功能。 图1 开启后台分页 新建全局变量。 后台分
作用域：选择项目变量作用的页面，可以是项目中的所有页面也可以是某一个或多个页面。 设置完成后，单击“保存”，完成变量的创建。 使用项目变量 参考创建页面中操作，创建所需的页面。 在页面上方的工具栏中，单击，可查看到创建项目变量中创建的项目变量。 如果在页面中新建一个页面级全局变量，且变量的名称和项目变量一
为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中，添加多个组件，使用tab来切换不同tab页签下需要呈现的组件为例，向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作，新建一个空白页面。 在大屏开发页面，从“全部组件 > 装饰”中拖拽“自定义背景框”组件到画布中，并调整大小。
单击“新增目录”，新建一个目录。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型：设置查询数据的类型，如查询时间范围内的数据或瞬时数据。 查询周期：设置查询时间的周期，某一个时间段内或某个时间点。
功能 功能介绍 项目列表 项目列表用于对系统中的项目进行集中管理，支持新建项目、删除项目和发布项目等。 新建一个项目 项目可以理解为是一种业务场景的集合，在项目中可以创建多个页面，详情请参见创建项目。 导入项目包 从本地导入已创建的项目包，实现离线迁移、部署项目，详情请参见导入项目。
表格中的数据进行筛选。 图10 在前台对数据进行筛选 数据系列：数据系列是一个数组，通常包含多个系列，即通过一个或多个系列配置循环渲染。 图11 数据系列 在数据系列中，拖动某一个系列可以和其他系列组成一个层级，最多支持3层。 图12 新建层级 图13 新建图层 原数据名：原始数
js 文件介绍 {widget}.js为组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构，应包含表1中API。其中，init、render和beforeDestory为组件的通用生命周期函数，其余为推荐模板实现。
getSafeUrl('javascript:alert(123)') //return:'unsafe:' 只有安全的链接才会被访问，其他形式的URL都会响应一个“unsafe:”，无法访问。 父主题： 组件内置API
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面，开发完成后，用户可通过移动端访问该页面，查看告警处理情况。移动端页面构想，如图1所示。 图1 移动端页面效果 图1中移动端页面，由下列组件拼装而成。 表1
隐藏组件 通过组件隐藏功能，可以隐藏多个已部署完成的组件，使得组件过多的可视化页面变得更加清晰，操作更加流程，从而提高可视化页面的开发效率。 组件隐藏后，在开发态和预览页面时，都会隐藏该组件。 隐藏组件 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
上传成功后，返回我的组件页面，可查看到已上传的组件。 图2 查看已上传的BarGraph组件 在大屏页面中使用自定义组件。 参考使用空白画布新建页面中操作，新建一个大屏页面。 在大屏页面的“全部组件 > 其它”中，找到BarGraph组件，拖入到画布中。 图3 拖拽BarGraph组件到画布中 在画布
setCookie("key","value") getI18n 一般用于在初始化阶段返回一个Vue18n的实例，配合Vue和VueI18n使用。使用方式参考如下： /* * 该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 */ HttpUtils.getI18n({
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题： 数据中心
OpenLayers地图 OpenLayers地图是一个离线地图组件，可以基于OpenLayers添加各类图层。 在大屏设计页面，从“地图”中，拖拽“OpenLayers地图”组件至画布空白区域，如图1。 图1 OpenLayers地图 图2 边距样式说明 卡片 卡片是指包裹图表
数据集管理 （可选）新建目录 静态数据 关系型数据库 ROMA连接器 AstroZero API AstroZero DLI DWS HTTP连接器 Prometheus 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集 父主题： 数据中心
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
