检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件数据接入 组件对接数据配置开关 组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类
操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组
健康检查设置中提供了页面健康度检查能力,对慢请求、错误请求、系统资源占用高等情况实时提示,有效帮助开发人员发现、定位和解决问题。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
配置页面屏幕大小、适应方式、背景颜色或背景图片等,更多介绍请参见如何进行设置页面。 图2 页面设置 全局变量设置 AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值,详情请参见如何基于页面级的全局变量实现组件交互。 全局变量中的作用次数,用于统计该全局变量被使用了多少次。
Canvas中,页面组件的数据来源包括非数据源(包括桥接器预置、静态数据和数据集等)和数据源(包括关系型数据库、Roma连接器、AstroZero和HTTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 配置组件数据 非数据源 桥接器预置 通过桥接
自定义桥接器 操作场景 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在A
场景一:开发者开发好第一个页面版本后,发布呈现给用户。然后继续开发页面但未开发完,此时用户看到的仍然是处于已发布状态的页面,即第一个版本,不会看到开发者未开发完的页面。 场景二:开发者开发某个大屏页面时,希望回退到历史某个页面版本,具体操作请参见如何进行版本回退。 操作步骤 开发好某个大屏
连接器管理 新建连接器 复制连接器 删除连接器 父主题: 数据中心
将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例 */ Studio
空的,请在数据源中重新配置密码,也可以在项目页面的“数据”页签,单击“当前页面使用的数据”,重新配置。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表页面中,单击“导入项目包”。 图1 导入项目包 选择本地已创建好的项目包,单击“
使用AstroCanvas开发告警处理情况统计移动端页面 场景描述 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1 组件说明
AstroCanvas学堂 如何基于页面级的全局变量实现组件交互 如何设置页面间参数传递 自定义组件时,如何设置交互事件的输出变量 如何在页面URL参数中给全局变量赋值 如何在数据集或跳转事件动作中设置变量 如何通过全局变量,实现组件数据的动态变化 如何进行设置页面 如何切换AstroCanvas平台主题颜色
页面扩容包仅适用于在购买基础版/专业版实例的基础上使用,不可单独购买和退订。扩容包的使用截止时间与主资源的截止时间保持一致。在使用AstroCanvas过程中,当页面数达到上限时,可通过购买页面扩容包来增加页面数。 操作步骤 参考购买AstroCanvas实例中操作购买实例,在已购买的实例中单击“操作 >
arts开源社区选择合适的demo。 在实例化代码块中,还可以实现异步加载和引入第三方库,详情请参见异步加载和引入第三方库。 图6 实例化代码块 单击“参数说明”,可查看实例化代码块的参数说明。 单击,可复制实例化代码。 单击,可最大化实例化代码块页面。 自定义事件:echart
大屏资产数据服务对接,轻松接入,高效复用 功能介绍 多种数据接入能力,在大屏资产中心中可保存为多种卡片,快速进行业务调整,随心所选 、高效复用。 特性优势 丰富的数据源:预置10+数据源 。 数据轻松接入:3步接入,选择数据源/数据集,数据预览,数据对接组件。 业务卡片:业务指标数据接入组件保存为
ROMA连接器数据源 操作场景 第三方接口或服务通过配置为ROMA连接器的方式,接入外部数据。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。
HTTP连接器数据源 前提条件 参考新建连接器中操作,创建HTTP连接器。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“HTTP连接器”,配置数据源参数。
身份认证(用户名/密码)两种。 无身份认证:不需要任何验证信息,直接调用的接口,通常用于访问一些公开的接口。 基本身份认证(用户名/密码):通过输入用户名和密码,来进行用户身份验证。 用户名:“基本身份认证”鉴权中的用户名部分。“接口鉴权方式”设置为“基本身份认证(用户名/密码)”时,才显示该参数。
项目管理 设置项目锁 通用设置 组件设置 资源设置 健康检查设置 复制项目版本 修改项目名称 访问项目 删除项目 下载项目 导入项目 设置项目封面
行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 操作步骤 参考使用空白画布新建页面中操作,新建一个空白页面。