检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
仪表盘 仪表盘是指通过仪表的特殊展示方式,对数据进行展示。 在大屏设计页面,从“全部组件 > 仪表盘”中,拖拽“仪表盘”组件至画布空白区域,如图1。 图1 仪表盘 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
装饰图案 装饰图案是装饰组件的一种,用于为可视化应用添加多种类型的图案元素,能够使可视化应用展示更加美观。 在大屏设计页面,从“全部组件 > 装饰”中,拖拽“装饰图案2”组件至画布空白区域,如图1。 图1 装饰图案2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以
排行榜 排行榜是文本组件的一种,用于根据一定的条件,描述数据的先后关系。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“排行榜”组件至画布空白区域,如图1。 图1 排行榜 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
树状下拉框 树状下拉框是一种带有树形结构的下拉框,通常用于选择有限选项数据的级联场景。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“树状下拉框”组件至画布空白区域,如图1。 图1 树状下拉框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基
基础表格 基础表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
高级表格 高级表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域,如图1。 图1 高级表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
刻度标签旋转的角度:设置Y轴刻度标签的旋转度数,取值范围为[-90, 90]。 图11 刻度标签旋转的角度 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图12 进度条参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
组件内置API 内置API一览表 Studio对象预置API一览表 magno对象预置API一览表 HttpUtils工具类预置API一览表 SafeUtils安全工具类预置API一览表 父主题: 自定义组件开发规范
刻度标签字体:设置标签的字体、颜色和大小。 网格线是否显示:是否显示网格线。设置为显示时,支持设置线的类型和颜色。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图10 散点图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
右Y轴单位:设置右侧Y轴的单位。 反转:是否对轴数据进行反转。 标签展示:设置标签展示为“默认”或“计数单位”。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图13 折柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
组件交互 组件自定义事件实现 组件响应动作实现 父主题: 自定义组件开发规范
柱间阴影:柱间是否显示阴影,支持自定义阴影颜色。 标签展示:设置Y轴标签展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图11 基本柱图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 Y轴参考线 Y轴参考线:是否显示Y轴参考线。
半。 左Y轴单位:设置左侧Y轴的单位。 标签展示:设置Y轴标签的展示样式,如默认或计数单位。 参考线 参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 图14 多折线图参考线 统一配置:设置参考线两端的样式,如圆形、矩形和三角形等。 图15 Y轴参考线两端样式
发布页面 通过发布功能,无需进入开发页面,即可获取页面的访问地址。 发布页面 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在待发布的页面上,单击,进行页面发布设置。 发布链接:单击发布链接后的图
时间轴 时间轴是文本组件的一种,用于按时间顺序来展示了一系列事件。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间轴”组件至画布空白区域,如图1。 图1 时间轴 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
时间翻牌器 时间翻牌器是文本组件的一种,用于使用翻牌器效果动态展示当前时间。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“时间翻牌器”组件至画布空白区域,如图1。 图1 时间翻牌器 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡
下拉选择框 下拉选择框是文本组件的一种,用于在下拉框中选择某一项内容,由一个输入框和一个下拉弹出框组成。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“下拉选择框”组件至画布空白区域,如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
Iframe布局框 Iframe布局框用于在大屏页面的某块区域中呈现页面,组件的页面内容基于域名分区域加载,秒级刷新,组件间互不影响,有效提升大屏可视体验。同时,组件间支持故障隔离,有效提升大屏展现可靠性。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“Iframe布局框”组件至画布空白区域,如图1。
选项卡 选项卡是导航组件的一种,用于快速在页面某区域中切换不同内容,显示为其关联内容上方的单行元素。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“选项卡”组件至画布空白区域,如图1。 图1 选项卡 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡
路由视图 路由视图是导航组件的一种,通过配置不同页面,在当前可视化页面呈现其它页面效果。该组件可降低对当前页面资源的占用,提升性能。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由视图”组件至画布空白区域,如图1。 图1 路由视图 图2 边距样式说明 卡片 卡片是指包裹图