检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 图4 内边距 标题偏移:组件标题与圆角矩形水位图之间的偏移量。
已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 图4 内边距 标题偏移:组件标题与三角形水位图之间的偏移量。
已设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 图4 内边距 标题偏移:组件标题与钻石水位图之间的偏移量。
设置的装饰样式。 标题 标题:是否显示该组件标题。 内容:组件标题内容。 字体:文字的字体、大小、颜色等设置。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 内边距:标题与组件框上下左右四个边界之间的距离,单位默认px。 图4 内边距 标题偏移:组件标题与多折线图之间的偏移量。
的装饰样式。 标题: 标题:是否显示组件标题。 内容:组件标题内容。 字体:设置标题内容的字体、大小和颜色等。 对齐:标题相对于组件的对齐方式。 标题背景色:设置标题的背景颜色。 背景 背景颜色:组件卡片背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置
步骤一:购买华为云Astro大屏应用企业版实例 进入购买Astro大屏应用实例页面。 实例版本选择“Astro大屏应用企业版”,选择购买时长,单击“立即购买”。 选择支付方式,单击“确认付款”,完成订单支付。 订单支付成功后,单击“返回Astro轻应用控制台”。 在华为云Astro大屏应用控制台中,可以查看到华
组件配置项中的disabled、showFunc和events中,都具有入参vm,vm为组件的Widget实例。 配置示例 通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏
自定义桥接器 当需要连接其它数据,以获得组件最佳的展示效果时,可通过自定义数据桥接器实现。自定义桥接器时,需要先下载桥接器模板,根据组件的数据结构,对桥接数据进行对接和改造。 自定义桥接器 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云A
新建转换器 转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 为了便于您更好的使用转换器,华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏
如何通过全局变量,实现组件数据的动态变化 在华为云Astro大屏应用中,支持通过全局变量,来控制组件数据的动态显示。本章节以全局变量,控制地图组件中数据的动态显示为例进行介绍。 通过全局变量实现组件数据动态变化 参考关系型数据库数据源中操作,新建关系型数据库数据源。 图1 新建关系型数据库数据源
type: 'text' }], $.proxy(thisObj.setInput, thisObj), [], ); 响应动作函数 以数据刷新的响应动作函数为例,向您介绍组件的响应动作函数。 /** * 数据刷新的响应动作函数示例 * 文件global_SelectWidget
应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。
使用页面模板文件新建页面 使用页面模板文件,构建开发页面,减少重复开发,提高交付效率。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 前提条件 已获取对应的页面模板文件,详情请参见下载当前页面。 通过页面模板文件新建页面 参考登录华为云Ast
从零开始,通过拖拽组件、设置页面布局、数据源等,构建华为云Astro大屏应用大屏页面&PC端页面。创建移动端页面操作和大屏&PC端页面相同,本章节以创建大屏&PC端页面为例进行介绍。 新建空白页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表
如何设置分享码 华为云Astro大屏应用支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
分割线 分割线是装饰组件的一种,用于分割组件,起装饰作用,包括分割线和竖分割线。 以分割线16-1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“分割线16-1”组件至画布空白区域,如图1。 图1 分割线16-1 页面背景色设置为白色时,分割线组件很难显示出来。使用该组件时,请避免使用白色背景。
华为云Astro大屏应用提供了“华为云Astro大屏应用基础版”、“华为云Astro大屏应用专业版”和“华为云Astro大屏应用企业版”三种实例套餐,以满足不同场景下的用户需求。三种套餐均以包年/包月为购买模式,包年/包月是一种预付费模式,即先付费再使用,按照订单的购买周期进行结算,因此在购
背景图 背景图是装饰组件的一种,用于为可视化应用添加多种类型的背景图片,能够使可视化应用展示更加美观。 以背景图2为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“背景图2”组件至画布空白区域,如图1。 图1 背景图2 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架
图标 图标是装饰组件的一种,用于为可视化应用添加多种类型的图标元素,能够使可视化应用展示更加美观。 以图标1为例,在大屏设计页面,从“全部组件 > 装饰”中,拖拽“图标1”组件至画布空白区域,如图1。 图1 图标1 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
组件间交互是指在同一页面中,不同组件之间进行的交互事件。组件和组件之间可互为触发器和响应器,根据用户所定义的事件不同,可定义组件行为、赋值全局变量以及响应自定义动作。 本章节以在同一区域中,添加多个组件,使用tab来切换不同tab页签下需要呈现的组件为例,向您介绍如何设置组件间的交互能力。 组件间交互 参考使用空白画布新建页面中操作,新建一个空白页面。