检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
华为云Astro轻应用数据源 通过调用当前环境华为云Astro轻应用接口或其他环境华为云Astro轻应用接口,返回的数据作为数据源。 新建华为云Astro轻应用数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
华为云Astro轻应用API数据集 通过调用华为云Astro轻应用的接口,来获取数据。 前提条件 连接的数据源已创建,如何创建请参见华为云Astro轻应用数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 华为云Astro轻应用预置了转换器供用户直接使用,用于把调用API接口返回的数据
thisObj.getConnectorInstanceByName('EchartsWidgetTemplateConnector') || '', 调用数据集,获取数据。 thisObj.callFlowConn(this.ConnectorIns, {}, (res) => {
输入数据:系统已预置了静态数据,如果需要自定义静态数据,请重置数据。“桥接器数据类型”选择“静态数据”时,才显示该参数。 刷新周期:每隔多少秒调用一次后台接口,默认配置为“0”,表示只调用一次。 设置完成后,单击“保存”。 父主题: 数据接入
、字母、数字及下划线,且不能以下划线开头或结尾。 APIC服务地址:ROMA Connect服务集成APIC的网关地址,配置该值后,可实现调用ROMA Connect的服务API。 服务集成APIC(API Connect,简称APIC)是ROMA Connect的API集成组件
桥接器模板 桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时,经常要调用后台数据,例如购物车中用户的ID,订单编号,商品信息等,这时需要通过桥接器动态调用后台接口获取后台数据。通过华为云Astro大屏应用预置的桥接器模板,您可以自定义桥接器。自定义桥接器时,需要先下载
TTP连接器等)。选中组件,单击组件上方的,即可配置组件在页面呈现数据的来源。 图1 为组件配置数据 非数据源 桥接器预置 通过桥接器动态调用后台的接口,来获取后台数据展示在页面上,相关配置请参见桥接器预置。 静态数据 选择该方式时,页面会获取“输入数据”中的静态数据展示在页面上,详情请参见静态数据。
选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。 echartsInst.dispatchAction({ type: 'highlight',
在进行前台页面开发时,经常要通过桥接器动态调用后台的接口来获取后台数据。在页面实际开发过程中,可能后台接口还未开发完成,这时可通过修改桥接器使用静态数据来进行调测。但是当组件较多时,用户逐个修改组件的桥接器配置会过于繁琐,可直接将桥接器配置为调用后台接口,在“项目设置”中打开“启用模
连接的数据源已创建,如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 华为云Astro大屏应用预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用华为云Astro大屏应用预置的转换器,则无需执行此操作。 创建ROMA连接器数据集 参考登录华
参数renderCbk,类型为Function,当返回结果信息后调用该函数,用于处理返回信息。 参数errCbk,类型为Function,调用该函数来处理错误。 ConnectorIns.query(param):通过桥接器实例调用process函数,主要作用为发起调用服务的请求和处理返回结果信息,参数说明如下:
刷新周期:每隔多少秒从华为云Astro轻应用中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“A市男性小学生平均身高统计”。 单击页面上方的,保存设置页面。
setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken 通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。 getUrlParam 用于获取查询字符串中的参数。
将组件保存为卡片 将组件保存为卡片,方便后期有需要时,随时调用“我的卡片”中的组件。 将组件保存为卡片 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在编辑页面状态下,选中组件,单击右键,选择“保存为卡片”。 图1 选择保存为卡片 您也可以在“图
// 组件通用能力构建,调用父类constructor,必须要写 this.getWidgetI18n().then(() => this.render()); // 渲染组件 }, /** * 组件核心渲染api,负责组件的实例化、数据调用及事件、动作的实际实现
建议如下: init() { this._super.apply(this, arguments); // 组件通用能力构建,调用父类constructor,必须要写 this.render(); // 渲染组件 this.registerWidgetActionAndEvent();
}, ], }, ], } ], // 仅在组件首次被创建时调用一次,必填 create: function (cbk) { if (cbk) { this._super();
单击“连接测试”,显示“连接成功”,表示数据源可以调通。 单击“保存”,完成数据源的创建。 在左侧选择“配置流程”节点,在右侧配置相关参数。 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API接口,下拉框中的选项取值为接口的标签,如果接口标签取值为中文,则这里“API接口”显示为中文标签。如果接口标签未定义,则显示接口的操作名称。
刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 单击页面上方的,保存设置页面。 单击,进入预览页面,预览效果。 父主题: 数据集管理
刷新周期:每隔多少秒获取一次静态数据,默认配置为“0”,表示只获取一次静态数据。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的静态数据请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“各市农作物产量统计”。 图6 设置图表标题 单击页面上方的,保存设置页面。