检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
文本编辑 文本编辑是文本组件的一种,用于显示多行文本,可对接数据集并设置交互。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“文本编辑”组件至画布空白区域,如图1。 图1 文本编辑 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片
分割线 分割线是装饰组件的一种,用于分割组件,起装饰作用,包括分割线和竖分割线。 以分割线16-1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“分割线16-1”组件至画布空白区域,如图1。 图1 分割线16-1 页面背景色设置为白色时,分割线组件很难显示出来。使用该组件时,请避免使用白色背景。
路由导航(示例) 路由导航(示例)是导航组件的一种,通过配置不同的路由页面,快速切换和定位到其它的页面中,给数据大屏提供更多的交互模式。 在大屏设计页面,从“全部组件 > 导航”中,拖拽“路由导航(示例)”组件至画布空白区域,如图1,路由视图的配置介绍,请参见路由视图。 图1 路由导航(示例)
复制并粘贴组件 操作场景 通过复制粘贴功能,可快速将组件的配置参数复制到同类型的另一个组件中,从而高效完成多个同类型组件配置项参数之间的传递。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在编辑页面状态下,选中组件,单击右键,选择“复制并粘贴”。
移动页面 操作场景 通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击,选择“移动”。 选择目标文件夹,单击“确定”。
标题 标题是文本组件的一种,用于展示大屏的各类标题,可展现大、中、小等类型的标题,并可通过拼搭进行组合使用。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“标题”组件至画布空白区域,如图1。 图1 标题 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
全屏 全屏是基础交互组件的一种,能够灵活的在全屏和小屏中进行切换。 在大屏设计页面,从“全部组件 > 其它”中,拖拽“全屏”组件至画布空白区域,如图1。 图1 全屏 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
创建分组 操作场景 用户可以创建分组,并将多个组件放到一个组中。创建分组后,可对该组中的所有组件进行整体复制、删除、移动等操作。若需要解除分组,单击右键选择“解除分组”即可。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在页面编辑模式下,
配置数据集,单击“保存”。 图4 设置数据集 应用:选择调用自定义接口所属的应用,本示例选择AstroZero中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例,在实际使用时,选择AstroZero中已安装的一个应用即可。 API接口:API接口的URL,本示
基础表格 基础表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“基础表格”组件至画布空白区域。 图1 基础表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中
高级表格 高级表格是文本组件的一种,通过表格的方式,将数据信息以表格的形式清晰的展示在可视化应用上。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“高级表格”组件至画布空白区域,如图1。 图1 高级表格 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 当前仅“Astro大屏应用专业版”实例,才提供Echarts图表组件。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。
操作类型:当前操作的类型,如新增、更新等。 组件ID:资产ID,前缀不可编辑,上传组件包后会自动填写。 目录名称:组件的存放目录。 场景:该组件包的应用场景。勾选后,在相应类型页面开发中,才可使用该组件。 版本说明:组件的描述信息。 在大屏页面中拖入该组件,预览组件效果。 进入AstroC
修改项目名称 操作场景 项目创建后,支持修改项目名称。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在项目列表中,将鼠标放在对应的项目上,单击。 根据实际需求,修改项目的名称。 项目名称的长度为1~64个字符,可包括中文、字母、数字及下划线,但不能以下划线开头或结尾。
区域图 区域图是线状图的一种,以折线和区域相结合的方式,智能的展示多维的实时数据的变化趋势。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“区域图”组件至画布空白区域,如图1。 图1 区域图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础
雷达图 雷达图是指通过极坐标的展现形式,使用围合的区域,来表示数据在不同维度的具体表现。 在大屏设计页面,从“全部组件 > 图表”中,拖拽“雷达图”组件至画布空白区域,如图1。 图1 雷达图 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素
轮播图片 轮播图片是指通过轮播的方式,来实现图片广告位的展示。 在大屏设计页面,从“全部组件 > 媒体”中,拖拽“轮播图片”组件至画布空白区域,如图1。 图1 轮播图片 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。
日期选择器 日期选择器是文本组件的一种,用于在页面选择日期。日期选择器由输入框和日期弹出框组成,单击该组件的输入框,弹出日期选择框可选择具体日期。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“日期选择器”组件至画布空白区域,如图1。 图1 日期选择器 图2 边距样式说明 卡片
如何设置分享码 操作场景 AstroCanvas支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 操作步骤 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
组件设置 操作场景 在组件设置中,查看并管理当前项目中已引用到的所有组件。 操作步骤 参考登录AstroCanvas界面中操作,登录AstroCanvas界面。 在AstroCanvas界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。