检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
区域图 区域图是线状图的一种,以折线和区域相结合的方式,智能的展示多维的实时数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“区域图”组件至画布空白区域,如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
玫瑰花饼图 玫瑰花饼图是饼图组件的一种,可以根据数据进行特殊的展现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“玫瑰花饼图”组件至画布空白区域,如图1。 图1 玫瑰花饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、
实心圆饼图 实心圆饼图是饼图组件的一种,通过实心圆的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“实心圆饼图”组件至画布空白区域,如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
基本柱图 基本柱图是柱状图的一种,通过柱形图来呈现数据整体的表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域,如图1。 图1 基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
图片 图片是媒体组件的一种,用于直接展示需要呈现的图片数据。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“图片”组件至画布空白区域,如图1。 图1 图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
进入盘古助手 从数据中心进入盘古助手 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在顶部菜单栏中,选择“数据中心”。 在左侧导航栏中,选择“转换器 > 全部”,参考新建转换器中操作,创建一个转换器。 在修改转换器页面,单击图标,即可进入盘古助手。
如何基于页面级的全局变量实现组件交互 华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警
基本概念 工作空间 每一个工作空间,都对应一个新的华为云Astro大屏应用。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Wi
图标进度条 图标进度条是柱状图的一种,通过图标和进度条可实现百分比展示能力,同时支持自定义图标。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“图标进度条”组件至画布空白区域,如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
瀑布柱图 瀑布柱图是柱状图的一种,具有自上而下的流畅效果,在企业经营分析、财务分析中使用较多,用以表示企业成本的构成、变化等情况。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“瀑布柱图”组件至画布空白区域,如图1。 图1 瀑布柱图 图2 边距样式说明 卡片 卡片是指包裹图表
贪吃蛇饼图 贪吃蛇饼图是饼图组件的一种,在加载时,饼图渲染呈现“贪吃蛇”的动画样式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“贪吃蛇饼图”组件至画布空白区域,如图1。 图1 贪吃蛇饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
满月饼图 满月饼图是饼图组件的一种,由基本饼图变换而来,用于某些特殊样式场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
使用华为云Astro大屏应用开发人员来访统计大屏页面 应用场景 人员来访统计大屏用于展示园区中人员相关信息,例如人员类型,人员流量及在园人数等。大屏页面构想,如图1所示。 图1 大屏页面效果 图1中大屏页面由下列组件拼装而成,组件介绍顺序为从上到下、从左到右。 表1 组件说明 组件
渐变色饼图 渐变色饼图是饼图组件的一种,内部扇区由渐变颜色渲染,适用于特殊页面呈现场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“渐变色饼图”组件至画布空白区域,如图1。 图1 渐变色饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
{widget}.js 文件介绍 {widget}.js为组件逻辑文件,整个Widget的渲染核心JS,在组件编辑状态和页面最终的发布运行态都会被加载执行。一个推荐的组件架构,应包含表1中API。其中,init、render和beforeDestory为组件的通用生命周期函数,其余为推荐模板实现。
词云 词云是文本组件的一种,通过对词频的统计及对应词语字体大小样式,来展现词语出现次数。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“词云”组件至画布空白区域,如图1。 图1 词云 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡
进度条 进度条是柱状图的一种,通过进度条可实现百分比展示能力,支持电池和柱状图两种展示形式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“进度条”组件至画布空白区域,如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
如何将华为云Astro轻应用中的大屏项目迁移到华为云Astro大屏应用 场景说明 华为云Astro大屏应用(Huawei Cloud Astro Canvas) 产品已正式商业化上线。华为云Astro轻应用(Huawei Cloud Astro Zero)免费版中的“业务大屏”入