检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
如何设置Token认证 操作场景 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token签名校验使用说明。
Prometheus 前提条件 连接的数据源已创建,如何创建请参见Prometheus数据源。 创建Prometheus数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
登录AstroCanvas界面 在Astro轻应用中,您可以通过多种方式登录AstroCanvas。在使用AstroCanvas时,请结合实际情况,选择对应的方式登录AstroCanvas界面。本手册的界面操作及截图均以我是新用户为例。 我是新用户 新用户购买AstroCanva
新建并开发自定义组件 操作场景 当系统预置的组件无法满足用户需求时,用户可自定义组件包进行上传,在页面中进行使用。在开发自定义组件前,请仔细阅读自定义组件开发规范章节内容,了解组件的开发规范。下面以开发网站中常用的柱状图(vue2+Echarts)组件为例,向您介绍如何开发自定义组件。
如何自定义库 操作场景 以某组件中需要使用Vue(系统预置库)以及MintUI(自定义库)为例,介绍如何上传自定义库并如何在组件中使用库。 操作步骤 将自定义库的相关文件打成Zip包。 例如,在MintUI官网下载组件库的代码,增加一个packageinfo.json元数据描述文
使用空白画布新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 从零开始,通过拖拽组件、设置页面布局、数据源等,构建AstroCanvas大屏&PC端页面。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。
使用页面模板文件新建页面 创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 操作场景 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 操作步骤 参考登录AstroCan
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
使用模板新建页面 操作场景 AstroCanvas中预置了一些可复用的页面样例作为模板(预置模板和自定义模板),通过模板创建新的页面,可充分利用已有资源,减少重复开发,提高交付效率。 系统预置:AstroCanvas中预置的页面模板,涵盖综合态势、资产统计、设备管理和环境态势等典型场景。
如何设置内容安全策略 操作场景 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 操作步骤 参考
FLV视频播放 FLV视频播放是媒体组件的一种,用于播放FLV(Flash Video)格式的视频。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“FLV视频播放”组件至画布空白区域,如图1。 图1 FLV视频播放 图2 边距样式说明 卡片 卡片是指包裹媒体组件的外层架构,可
如何通过全局变量,实现组件数据的动态变化 操作场景 在AstroCanvas中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 操作步骤 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
里程碑 里程碑组件可以区分过去(选中)、现在(高亮、点击)和未来(默认)三种状态,来改变不同时间态的样式。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“里程碑”组件至画布空白区域,如图1。 图1 里程碑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组
地图 AstroCanvas中的地图组件为二维地图,支持高德、百度、天地图和自定义地图。 在大屏设计页面,从“地图”中,拖拽“地图”组件至画布空白区域,如图1。 图1 地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
排行榜 排行榜是文本组件的一种,用于根据一定的条件,描述数据的先后关系。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。