检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题: 目录文件详解
地图 高德地图 地图 OpenLayers地图 父主题: 组件介绍
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 通过预置交互事件+交互动作,零代码实现丰富组件交付场景
oCanvas界面。 在AstroCanvas页面,将鼠标放在“默认团队空间”上,选择“新建与管理”,跳转到Astro低代码平台。 在Astro低代码平台的“组织管理 > 角色与权限 > Astro Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。
migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非AstroCanvas平台右侧属性面板会过滤掉配置项。 headerTitle Object headerTitle: { zh_CN: "行配置", en_US:
租户管理员参考登录AstroCanvas界面中操作,登录AstroCanvas服务控制台。 在首页中,单击页面右上角的“Astro 低代码平台”,进入Astro低代码平台。 在左侧导航栏中,选择“组织管理”。 在“角色与权限 > Astro Canvas”中,选中新建工作空间中创建的工作空间。
多种快捷配置:组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准,帮助用户快速实现样式优化。 丰富模板开箱即用,经验轻松沉淀 功能介绍 平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 特性优势 丰富的预置模板:涵盖政务、交通、电力等多个垂
则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。 自定义分类:支持平台预置分类和用户自定义分类。 预置分类 预置分类为AstroCanvas预置的分类,包含的图标和名称如下所示: 表1 预置分类包含的图标和名称
流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、HLS。当视频流类型选择“HTTP-FLV”时,可以设置是否静音播放。 数据 在数据中,设置视频流组件的数据来源,更多介绍请参见数据接入。
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。AstroCanvas提供了上百种echarts组件,本质上是不同的实例化代码,这些实例化代码来自echarts官网的dem
registerConnector 定义桥接器。 registerEvents 注册事件,只有通过此API注册后的事件才会在组件的事件列表中展现。 registerAction 用来注册动作,只有通过此API注册后的事件才会在组件的动作列表中展现。 inReader 判断当前页面状态是开发态或预览态。
两种方式使用该模板创建页面。 方式一:在图2中的“预置模板”下,可查看到已审批的模板,并使用该模板新建页面。 方式二:登录Astro低代码平台。在“资产中心”中,可查看到该模板,并可使用该模板新建页面。 父主题: 页面管理
项目名称:DLI服务所在区域的项目名称,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角用户名上,在下拉列表中单击“我的凭证”。 在“我的凭证 > API凭证 > 项目列表”中,获取“项目”的值。 项目ID:DLI服务所在的区域的项目ID,获取方法如下。 登录华为云管理控制台。 将鼠标移动到右上角
和百度地图。 高德/百度/天地图密钥:地图第三方密钥,请自行到对应官网申请。 高德地图第三方密钥,请参考高德开放平台申请。 百度地图第三方密钥,请参考百度地图开放平台申请。 天地图第三方密钥,请参考天地图官网申请。 自定义地图:根据实际需求,自定义地图。如果开启自定义地图,请配置
变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组件开发过程如下,也可以直接单击下载链接,获取自定义组件示例包“SelectWidget.zip”。 在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。
组件销毁前的回调函数,组件自己实现继承。 init 组件初始化入口API,以SelectWidgetTemplate组件为例,初始化组件通用能力,负责注册组件事件和组件动作。主逻辑建议如下: init() { this._super.apply(this, arguments);
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中,注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget