检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
使用AstroCanvas开发告警处理情况统计移动端页面 应用场景 通过AstroCanvas开发一个告警处理情况移动端页面,开发完成后,用户可通过移动端访问该页面,查看告警处理情况。移动端页面构想,如图1所示。 图1 移动端页面效果 图1中移动端页面,由下列组件拼装而成。 表1
sourceLabel: 'label', sourceKey: 'value', options: [{ value: 'happy', label: { zh_CN: '开心', en_US: 'primary' } }, {
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
控、环境监测、产品展示等多个典型应用场景。 自定义模板能力:用户可以自定义定制模板,沉淀自己的最佳实践,分享复用。 项目模板:可以将多个大屏一键生成成套模板,一次新建把握整体风格。 组件互动,预置近百种交互场景,自定义实现万千可能 功能介绍 通过预置交互事件+交互动作,零代码实现
config: [ { type: 'dataSetting', mapping: { x: { keyName: 'dataX',
选中页面中组件,单击组件上方的,在交互动作中使用项目变量。 图4 在交互动作中使用项目变量 更新项目变量。 方式一:通过交互动作,更新变量。 图5 在交互动作中更新变量 方式二:通过自定义动作,更新项目变量。 图6 通过自定义动作更新变量 其中,key为项目变量的名称,value为项目变量的值。 父主题: 项目管理
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图
复制数据集 创建同类型数据集时,通过复制数据集功能,可减少重复操作,提升开发效率。 复制数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击待复制数据
新建工作空间 每一个工作空间,都对应一个新的AstroCanvas。在AstroCanvas中,通过创建工作空间,可实现对租户下的资源进行隔离与授权。 使用约束 只有租户管理员(实例创建者),才能执行创建工作空间的操作。 新建工作空间 租户管理员参考登录AstroCanvas界面
selectValue" :disabled="selectConfObj.disabled" :popper-append-to-body="false" @change="search" :multiple="selectConfObj
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多10个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
如何设置Token认证 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
树状表格 树状表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状表格”组件至画布空白区域,如图1。 图1 树状表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
轮播图片 轮播图片是指通过轮播的方式,来实现图片广告位的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播图片”组件至画布空白区域,如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
Canvas界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的桥接器”。 选中多个桥接器,单击“复制到工作空间”。 您可以通过鼠标框选、“Ctrl+单击”、“Ctrl+A”或“Ctrl+Shift+框选”,来选择多个桥接器。 图14 复制多个桥接器到目标工作空间
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
发布为全局模板后,需要联系管理员进行审批,审批通过后,其他租户下的用户才可以使用该模板新建页面。 模板未审核 本租户下的用户登录AstroCanvas创建页面时,可在“未上线模板”中使用该模板新建页面。 图2 使用未上线模板新建页面 模板已审核 本租户下的用户或其他租户下的用户,可通过如下两种方式使用该模板创建页面。
基础表格 基础表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中