检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
折柱图 折柱图是柱状图的一种,通过折线和柱状图相结合的方式,将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
华为云Astro大屏应用使用流程 华为云Astro大屏应用(Huawei Cloud Astro Canvas)是华为云针对可视化大屏场景的低码平台,可以帮助企业轻松实现数据的可视化开发。在使用华为云Astro大屏应用前,建议您先学习本章节内容,了解华为云Astro大屏应用的使用流程。
多区域折线图 多区域折线图是线状图的一种,通过不同数据区域的对比,可对数据的变化做出更直观的展现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多区域折线图”组件至画布空白区域,如图1。 图1 多区域折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
多折线图 多折线图是线状图的一种,通过多折线的表现形式,展现不同数据之间变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“多折线图”组件至画布空白区域,如图1。 图1 多折线图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(
私有化部署安装指导 私有化部署是指将在华为云Astro大屏应用企业版实例中开发的项目打包下载,并安装部署到用户的内网中使用。 操作流程 私有化部署华为云Astro大屏应用的操作流程,如图1所示。 图1 华为云Astro大屏应用私有化部署流程 步骤一:购买华为云Astro大屏应用企业版实例
散点图 散点图是气泡图的一种,通过数据点,来对数据的相关性进行描述的可视化图形。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“散点图”组件至画布空白区域,如图1。 图1 散点图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
基本漏斗图 基本漏斗图是柱状图的一种,使用漏斗图或梯形图来形象的展示数据排序变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本漏斗图”组件至画布空白区域,如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
气泡图 气泡图是指通过使用气泡形状,来展现数据的大小分布情况。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“气泡图”组件至画布空白区域,如图1。 图1 气泡图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
热力图 热力图是柱状图的一种,通过对色块着色来显示数据的统计图表。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“热力图”组件至画布空白区域,如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
渐变色饼图 渐变色饼图是饼图组件的一种,内部扇区由渐变颜色渲染,适用于特殊页面呈现场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“渐变色饼图”组件至画布空白区域,如图1。 图1 渐变色饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
实心圆饼图 实心圆饼图是饼图组件的一种,通过实心圆的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“实心圆饼图”组件至画布空白区域,如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种,在加载时,饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“贪吃蛇饼图”组件至画布空白区域,如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
满月饼图 满月饼图是饼图组件的一种,由基本饼图变换而来,用于某些特殊样式场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
基本饼图 基本饼图是饼图的最基础表现形式,即通过饼图的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本饼图”组件至画布空白区域,如图1。 图1 基本饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
华为云Astro轻应用数据源 通过调用当前环境华为云Astro轻应用接口或其他环境华为云Astro轻应用接口,返回的数据作为数据源。 新建华为云Astro轻应用数据源 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。
分割线 分割线是装饰组件的一种,用于分割组件,起装饰作用,包括分割线和竖分割线。 以分割线16-1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“分割线16-1”组件至画布空白区域,如图1。 图1 分割线16-1 页面背景色设置为白色时,分割线组件很难显示出来。使用该组件时,请避免使用白色背景。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。 如图1所示,也可以不使用“下拉选择框”组件,直接在发布的页面URL末尾加上“