检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录AstroC
RL,请参考查看自定义接口。“桥接器数据类型”选择“AstroZero API”时,才显示该参数。 共享数据:是否共享数据。勾选表示某项目里多个组件调用一个公共的请求(请求路径与入参均一致才视为同一公共请求)而访问同一个接口的数据,避免多次调接口。“桥接器数据类型”选择“AstroZero
刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“A市男性小学生平均身高统计”。
系列中。 刷新周期:每隔多少秒获取一次静态数据,默认配置为“0”,表示只获取一次静态数据。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的静态数据请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“各市农作物产量统计”。 图6 设置图表标题
系列中。 刷新周期:每隔多少秒从DWS中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“各班学科分数统计”。 图6 设置图表标题
刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中水平基本柱图组件,单击组件上方的,设置标题内容为“各功能操作频率统计”。 图6
刷新周期:每隔多少秒从HTTP连接器中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 单击页面上方的,保存设置页面。 单击,进入预览页面,预览效果。 父主题: 数据集管理
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的桥接器URL请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“各市1月降雨量(mm)”。 图7
刷新周期:每隔多少秒从关系型数据库中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用了相同的关系型数据库请求,不会各自只调用,而是共享结果数据。 选中基本柱图组件,单击组件上方的,设置标题内容为“N省各市人口数量(千万)”。 图8
中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
目进行设置。 新建文件夹 项目创建后,支持在项目中新建文件夹,用于集中管理页面。 在“大屏&PC端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 图3 新建文件夹 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下:
getConnectorProperties 获取Connector对接的配置值,用于查看与Connector相关的信息。 getConnectorInstanceByName 通过{widget}.editr.js文件中配置的Connector名称,获取Connector实例,用于向Connector请求数据。
响应动作函数 以数据刷新的响应动作函数为例,向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget.js中, 与render函数平级定义 */ confirmLocationWidgetCbk: function (param)
板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 使用页面模板文件新建页面:将已开发的页面保存为模板,再次创建页面时可使用该页面模板文件,创建可视化页面,减少重复开发,提高交付效率。 发布及安装项目 项目开发完成后,可以在线预览,也可以一键打包从A环境发布、B环境安装,实现开发