检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
(可选)新建分组 当前项目较多时,可通过添加分组,来集中管理项目。 新建分组 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在“项目列表”中,单击“分组”后的,进入新建项目组页面。 输入项目组名称,单击“新建”。 项目组名称的长度为1~64个字符,可
在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选择场景”,可以在“场景”中新建场景或
实心圆饼图 实心圆饼图是饼图组件的一种,通过实心圆的方式,将数据信息清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“实心圆饼图”组件至画布空白区域,如图1。 图1 实心圆饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由
左间距:图例到折线图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到折线图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于
左间距:图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于
左间距:图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:是否开启自定义图例显示设置。开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
翻牌器 翻牌器是文本组件的一种,通过设置翻盘动画效果,来动态展示数据的变化过程。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“翻牌器”组件至画布空白区域,如图1。 图1 翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标
如何基于页面级的全局变量实现组件交互 AstroCanvas支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状
轮播页面 轮播页面是指通过页面轮播的方式,来实现页面广告的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播页面”组件至画布空白区域,如图1。 图1 轮播页面 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
左间距:图例到饼图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到饼图组件顶部距离占组件高度。 翻页按钮:设置翻页按钮颜色。 翻页按钮不激活:设置翻页按钮不激活时的颜色。 自定义图例显示:开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示 提示(悬浮提示)主要用于
左间距:图例到柱图组件左侧距离占组件高度的百分比或图例位置的对齐方式设置。 上间距:图例到柱图组件顶部距离占组件高度。 翻页按钮:翻页按钮的颜色。 翻页按钮不激活:翻页按钮不激活时的颜色。 自定义图例显示:是否开启自定义图例显示设置。开启后,可调整图例名称显示字符长度。默认关闭,即显示图例所有字符。 提示
热力图 热力图是柱状图的一种,通过对色块着色来显示数据的统计图表。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“热力图”组件至画布空白区域,如图1。 图1 热力图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
基础表格 基础表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
页面数据集 操作场景 通过页面数据集,实现多个组件对接同一个数据输入,减少重复的请求和配置。同时,在新建页面数据集时,还支持配置多数据输入(最多10个),来实现组件同时对接多个数据流。 本章节以将两个静态数据集(多数据流1、多数据流2)中的数据汇合后,作为组件的数据来源为例,向您介绍如何创建并使用页面数据集。
显示类型:设置图标的显示类型,支持“单色”和“分类显示”。 “显示类型”设置为“分类显示”时,线颜色ID配置规则如下: 单线生效:直接配置对应线ID。 多条线生效:使用中文逗号“,”或英文逗号“,”,分隔对应线ID。 未设置线ID的线颜色默认走单色类型设置颜色。 如果某个线ID设置了
"English Label" } 配置项的标签,需要国际化。 listFixed Boolean 否 listFixed: true 列表个数固定,不展示新增、删除功能,默认为true展示。 labelOnce Boolean 否 labelOnce: true 仅在list首项展示一次label。
进度条 进度条是柱状图的一种,通过进度条可实现百分比展示能力,支持电池和柱状图两种展示形式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“进度条”组件至画布空白区域,如图1。 图1 进度条 图2 进度条效果图 图3 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
图标进度条 图标进度条是柱状图的一种,通过图标和进度条可实现百分比展示能力,同时支持自定义图标。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“图标进度条”组件至画布空白区域,如图1。 图1 图标进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件