检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
AstroCanvas中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，可直接拖拽到开发页面使用。更多关于预置组件的介绍，请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget，通常开发过程是选择系统预置的Widget模板
据集，以保证数据的复用。页面级数据集主要是为了支持多个组件对接同一个数据源的情况，可以减少重复的请求跟重复的配置。 页面设置 AstroCanvas可视化开发页面，支持配置页面屏幕大小、适应方式、背景颜色或背景图片等，更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置
在左侧全部组件中，拖拽“水平基本柱图”到页面开发操作区域，即画布区域。 图3 拖拽水平基本柱图组件 选择水平基本柱图组件，单击组件上方的，配置数据源，完成后单击“保存”。 “数据类型”选择“静态数据”，“输入数据”选择“Json模式”，输入如下示例数据，并单击，格式化数据。 [{
界面。 在主菜单中，选择“数据中心”。 在左侧导航栏中，选择“数据源”。 在数据源管理页面，单击“新建数据源”。 选择“HTTP连接器”，配置数据源参数。 图1 新建HTTP连接器数据源 数据源名称：数据源的名称，用于标识该数据源。长度为1~32个字符，可包括中文、字母、数字及下划线，且不能以下划线开头或结尾。
新增目录”去创建一个目录，也可以使用系统预置的目录（预置分类）。 责任人：数据集的创建人。 描述：新建数据集的描述信息，通常设置为数据集的功能。 新增静态数据，支持导入Excel/CSV和手工输入两种方式来新增数据。 手工输入：在右侧数据配置页面，单击，输入对应数据。如果需要添加
选择所需的数据类型。 在配置流程中，通过SQL语句，获取数据。 数据接入的SQL语句中，需要添加4中创建的全局变量offset和pageSize，来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中，将表格中的字段，拖拽到对应的配置中。 数据中的total字段，必须添加到“数据总数”中。
件。 自定义属性列表：路由视图自定义属性设置，如导航切换时重新加载视图、导航切换时滚动到最上。 路由配置 在路由配置中，选择一个已发布的页面查看其在画布中的效果。 图4 路由配置 交互 在交互中，设置路由视图与其他组件或页面之间的交互能力。更多交互介绍，请参见交互设置。 父主题：
试试从模板开始 展示系统推荐的模板，可以直接基于推荐的模板快速创建大屏页面。 单击“查看所有”，可查看系统预置的所有模板。 将鼠标放在对应的模板上，单击，可查看模板详情。 直接单击模板，可进入新建项目弹框，直接创建项目和页面。 数据中心 数据中心用于对页面的数据源进行集中的配置管理，支持多
如何在页面URL参数中给全局变量赋值 如何基于页面级的全局变量实现组件交互中实现的场景是：用户在“下拉选择框”中选择某个告警状态时，通过配置的交互事件将告警状态赋值给全局变量，“多区域折线图”组件呈现的数据来源于封装了AstroZero某API接口的数据集，将该接口的入参与全局变
地图样式：在下拉框中选择地图的样式，如“控件+标签图层”、默认样式、“地图行政区+图标图层”等。 配置 在配置中，设置地图组件的基本信息、地图样式、地图控件和地图控制等。 图4 配置 地图基本配置 地图密钥：输入地图的服务密钥，请参考高德开放平台中操作自行到官网申请。 安全密钥：如果您的
了解代码目录结构 当系统预置的组件无法满足用户需求时，用户可自定义组件并上传到AstroCanvas中使用。AstroCanvas为您预置了一些组件模板（Widget包），您可以基于组件模板开发自定义组件。 获取组件模板包 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板，包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板，包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
我的组件 操作场景 在我的组件中，管理系统预置的和自定义组件，如复制组件到其他工作空间、查看组件历史版本、删除组件等。 系统预置的组件，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义组件为例。 请购买“Astro大屏应用专业版”和“Astro大屏应用企业版”实
我的桥接器 操作场景 在我的桥接器中，管理系统预置的和自定义的桥接器，如新建、批量删除、批量复制桥接器到其他工作空间等。 系统预置的桥接器，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义桥接器为例。 新建桥接器 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
我的库 操作场景 在我的库中，管理系统预置的和用户自定义的库，如添加库、查看库历史版本等。 系统预置的库，只能执行查看详情、查看历史版本和下载操作。本章节的操作，均以自定义库为例。如何自定义库，请参见如何自定义库。 新建库 参考登录AstroCanvas界面中操作，登录AstroCanvas界面。
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台筛选效果 父主题：
选中组件，单击组件上方的。 选择所需的数据类型。 在全局变量配置下方，单击，选择转换器，添加2创建的转换器。 图5 添加转换器 在组件预览中，将表格中的字段，拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”，完成组件数据源的配置。 保存页面，预览效果。 图7 查看后台排序效果 父主题：
Prometheus数据源 普罗米修斯（Prometheus）是一个开源系统监控和告警工具包，主要用于收集和存储时间序列数据，并提供了强大的查询和告警功能。AstroCanvas支持对接Prometheus数据源，将普罗中的数据作为组件的数据展示。 新建Prometheus数据源
用已有资源，减少重复开发，提高交付效率。 系统预置：AstroCanvas中预置的页面模板，涵盖综合态势、资产统计、设备管理和环境态势等典型场景。 自定义模板：当前账号下发布的模板，如何将当前页面发布为模板，请参见发布为模板。 如果安装的是安全云脑类大屏，进入大屏页面后，您还需要
边距：组件中图表距离整个组件四边（上、下、左、右，如图2）的距离，默认为0，即铺满整个组件。 配置 在配置中，设置日历组件当月默认状态、选中状态、日历卡片、头部等。 图4 配置 当月默认状态/选中状态/前月和下月状态/数据系列4...... 对应的状态码，系统默认有如下几个状态，每个状态有对应的状态码来标识。 当月默认状态：状态码为“0”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
