检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
进度条 进度条是柱状图的一种,通过进度条可实现百分比展示能力,支持电池和柱状图两种展示形式。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“进度条”组件至画布空白区域,如图1。 图1 进度条 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
折柱图 折柱图是柱状图的一种,通过折线和柱状图相结合的方式,将数据信息以折柱图的形式清晰地展示在可视化应用上。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“折柱图”组件至画布空白区域,如图1。 图1 折柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解
基本漏斗图 基本漏斗图是柱状图的一种,使用漏斗图或梯形图来形象的展示数据排序变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“基本漏斗图”组件至画布空白区域,如图1。 图1 基本漏斗图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元
轮播饼图 轮播饼图是饼图组件的一种,饼图中的数据可自动播放,实现动态效果。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“轮播饼图”组件至画布空白区域,如图1。 图1 轮播饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题
满月饼图 满月饼图是饼图组件的一种,由基本饼图变换而来,用于某些特殊样式场景。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“满月饼图”组件至画布空白区域,如图1。 图1 满月饼图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
高德地图 高德地图是地图组件的一种,支持底图、样式、2D、3D模式、图标和飞线等动态配置,用于满足用户在GIS或IOC等场景对地图的要求。 在大屏设计页面,从“地图”中,拖拽“高德地图”组件至画布空白区域,如图1。 图1 高德地图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
通过参数控制响应动作 在设置组件交互动作时,可以通过选择事件参数、全局变量或固定值,明确有哪些类型的参数可以传递。 通过参数控制响应动作 参考创建大屏&PC端项目中操作,新建一个大屏项目。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入实心圆饼图和下拉选择框。
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
组件图层位置移动 操作场景 在华为云Astro大屏应用大屏开发页面,支持将组件图层向上、向下移动一层或移动至底层等,帮助您更加合理有效的排列大屏上的组件。 位置层次越靠前,表示组件在画布中的显示越靠前。 位置层次越靠后,表示组件在画布中的显示越靠后。 当两个组件重叠时,位置靠前的组件会覆盖位置靠后的。
轮播图片 轮播图片是指通过轮播的方式,来实现图片广告位的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播图片”组件至画布空白区域,如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
时间选择器 时间选择器是文本组件的一种,用于选择时间。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间选择器”组件至画布空白区域,如图1。 图1 时间选择器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
日期选择器 日期选择器是文本组件的一种,用于在页面选择日期。日期选择器由输入框和日期弹出框组成,单击该组件的输入框,弹出日期选择框可选择具体日期。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片
区域图 区域图是线状图的一种,以折线和区域相结合的方式,智能的展示多维的实时数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“区域图”组件至画布空白区域,如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
通用表格 通用表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“通用表格”组件至画布空白区域,如图1。 图1 通用表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
复制连接器 创建同类型HTTP连接器时,通过复制连接器功能,可减少重复操作,提升开发效率。 复制连接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击已创建连接器后的,选择“复制”,可复制连接器。
水平堆叠柱图 水平堆叠柱图是柱状图的一种,用于多维度数据的堆叠展示,从而实现数据之间的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平堆叠柱图”组件至画布空白区域,如图1。 图1 水平堆叠柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
数据标记柱图 数据标记柱图是柱状图的一种,通过柱形图的形式展现数据的整体表现,额外的数据标注更直观的展现数据的大小。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“数据标记柱图”组件至画布空白区域,如图1。 图1 数据标记柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的
水平基本柱图 水平基本柱图是柱状图的一种,使用水平柱形图的方式呈现数据的变化。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“水平基本柱图”组件至画布空白区域,如图1。 图1 水平基本柱图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元