检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方,通过工具栏提供的功能,可以完成保存
ECharts图表”中,拖拽“基础折线图”组件至画布空白区域,如图1。 图1 Echarts图表 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 ECharts图表卡片 卡片装饰:卡片装饰
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面
例如,在如何基于页面级的全局变量实现组件交互开发的页面中,在“多区域折线图”组件上方单击,配置组件交互事件。参考图1,单击“+交互事件”,选择“点击”事件,单击“+响应动作”,选择“页面跳转”,跳转到内部其他页面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,
如何设置Token认证 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。
在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif,图片大小不能超过1MB,建
目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。 API接口:选择待调用的API
“域名”为大屏待嵌入的第三方系统的域名。除了上述场景外,还有一种典型的场景是将大屏嵌入本地的file中,如图4。 图4 将大屏嵌入本地的file中 登录第三方系统,在Elements中,增加“<iframe src="URL" ></iframe>”。 图5 增加大屏访问地址
如何进行版本回退 开发者开发某个大屏页面时,希望回退到历史某个页面版本进行编辑。 版本回退 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表的所有项目中,单击页面所在的项目,进入项目。 在所有页面中,单击对应的页面,单击“编辑页面”,进入大屏开发页面。
在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击“新建连接器”。 设置基本信息。 图2 基本信息(无身份验证) 图3 基本信息(AK/SK) 图4 基本信息(API Key) 图5 API鉴权 连接器名称:输入新建连接器的名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 类型:选
费资源,对资源进行手动续费的操作。 图3 续费管理 所有需手动续费的资源都可归置到“手动续费项”页签,具体操作请参见如何恢复为手动续费。 找到需要续费的资源,单击操作列的“续费”。 图4 手动续费 进入续费页面,选择需要续费的时长,单击“去支付”。 图5 续费确认 进入支付页面,
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
在预置模板中,选择“交通管理”,单击“使用此模板”。 图10 选择交通管理模板 输入页面标题(如A市交通管理分析大屏),单击“新建”。 图11 设置页面标题 系统自动进入大屏开发页面,如图12。您可以直接使用该大屏页面,也可以根据业务需求进行二次开发。 图12 大屏开发页面 单击页面上方的,完成大屏页面的创建。
APIC服务类型的数据集。 前提条件 连接的数据源已创建,如何创建请参见ROMA连接器数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 AstroCanvas预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用AstroCanvas预置的转换器,则无需执行此操作。
中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择AstroZero中具体的应用。 对象:选择要展示数据关联的对象。 字段:设置数据中展示的字段,支持使用标签。
将鼠标放在对应的库上,单击,获取锁。 将鼠标放在对应的库上,单击,进入更新库页面。 图7 进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图8 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。
松调整布局。 特性优势 丰富的组件:各类图表、地图、视频、二三维引擎、Echarts组件等等,快速进行数据可视化。 自定义组件能力:提供自定义组件能力及配套脚手架,轻松实现用户定制化二次开发。 多种快捷配置:组件等比对齐拖拽、完善的配置快捷键、灵活的组件布局校准,帮助用户快速实现样式优化。
后,在组件“数据”页签中可选择具体的数据集。 连接器管理:通过新建HTTP连接器,可引入第三方的API作为组件的数据来源。 转换器管理:转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 我的资产 显示当前用户的素材、组件、库、模板等,更多介绍请参见资产管理。
操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。 本节使用的示例组件开发