检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
水平堆叠柱图 水平堆叠柱图是柱状图的一种,用于多维度数据的堆叠展示,从而实现数据之间的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平堆叠柱图”组件至画布空白区域,如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
瀑布柱图 瀑布柱图是柱状图的一种,具有自上而下的流畅效果,在企业经营分析、财务分析中使用较多,用以表示企业成本的构成、变化等情况。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“瀑布柱图”组件至画布空白区域,如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多10个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集
数据中心 转换器管理 连接器管理 数据源管理 数据集管理
数据标记柱图 数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
水平基本柱图 水平基本柱图是柱状图的一种,使用水平柱形图的方式呈现数据的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平基本柱图”组件至画布空白区域,如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
双向柱图 双向柱图是柱状图的一种,通过柱形图双向呈现数据的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“双向柱图”组件至画布空白区域,如图1。 图1 双向柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景
数据源管理 关系型数据库数据源 ROMA连接器数据源 AstroZero数据源 DLI数据源 DWS数据源 HTTP连接器数据源 Prometheus数据源 删除数据源 父主题: 数据中心
input 配置项说明 表1 input配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input" 配置项类型。 subType String 否 subType: "password" 子类型,支持的类型有number、password。
折柱图 折柱图是柱状图的一种,通过折线和柱状图相结合的方式,将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 折柱图效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构
数据集管理 (可选)新建目录 静态数据数据集 关系型数据库数据集 ROMA连接器数据集 AstroZero API数据集 AstroZero数据集 DLI数据集 DWS数据集 HTTP连接器数据集 Prometheus数据集 复制数据集 复制数据集到其它工作空间 分享数据集 删除数据集
天气 天气是文本组件的一种,用于展示相应城市24小时天气预报及未来一周的天气预报。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“天气”组件至画布空白区域,如图1。 图1 天气 图2 天气组件效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
配置项总览 本章节介绍AstroCanvas支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
基本折线图 基本折线图是线状图的一种,通过折线变换的形式,对数据进行展现,可直观展示数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本折线图”组件至画布空白区域,如图1。 图1 基本折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
排行榜 排行榜是文本组件的一种,用于根据一定的条件,描述数据的先后关系。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、
基本概念 工作空间 每一个工作空间,都对应一个新的AstroCanvas。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在AstroCanvas中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Widget
如何设置Token认证 在AstroCanvas中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见AstroCanvas分享页Token
文件介绍及示例 文件介绍 {widget}.editor.js为组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。其中,“{widget}”为自定义组件的名称,如本示例中该文件名为“EchartsWidgetTemplate.editor.js”。{widget}.editor.js
静态数据数据集 静态数据录入,支持手工输入和导入Excel/CSV两种方式。 创建数据集 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据集 > 全部”。 在数据集管理页面,单击“新建数据集”。
list 配置项说明 表1 list配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "list" 配置项类型。 name String 是 name:"intervalColors" 双向绑定list名称。 label Object 否 label