检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
认为0,即铺满整个组件。 参考模板:系统为您预置了单选和多选两种类型的模板,请根据实际业务场景进行选择。 配置 在配置中,设置下拉选择框和下拉弹出框。 图4 树状下拉框配置 下拉选择框设置 开启多选:是否开启多选。 默认选择:下拉框默认的选择项,单击“新增默认选项”,可新增多个选
3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。
源。 约束与限制 配置DWS数据集时,输入的SQL语句中如果含有和DWS数据库中字段名称相同的关键字,关键字需要加双引号 “""”。DWS数据库中包含的关键字,请参见DWS数据库关键字。 创建DWS数据集 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 配置 暂不支持修改装饰图案的背景颜色。 图4 装饰图案配置 交互 在交互中,设置装饰图案组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 日期选择器配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。
如何自定义动作 操作场景 在配置组件交互时,可以通过编写代码实现自定义交互动作,从而实现对应的业务需求。 图1 自定义动作 自定义动作参数说明 在自定义动作中,支持直接使用的参数如下: eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。
右边距:进度条到组件边框右侧的距离。 下边距:进度条到组件边框底部的距离。 左边距:进度条到组件边框左侧的距离。 配置 在配置中,设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置时间选择器的类型、输入框和弹出框的字体颜色等。 图4 时间选择器配置 时间选择器的类型 选择器类型:支持时间范围和瞬时两种。 快捷时间:是否显示快捷时间,默认为“显
整个组件。 图表背景:设置图表的背景颜色。 边框圆角:边框的圆角,四个角弧度取值范围为0~500,单位px。 配置 在配置中,设置组件模板和组件标题。 图4 雷达图配置 选择模板:选择雷达图模板,支持多组单数据模板和单组多数据模板。 组件标题 设置标题:是否显示组件标题。 内容:设置标题内容。
packageinfo.json 文件介绍 packageinfo.json是组件的元数据描述文件,用于配置组件的基本信息。 文件示例 { "widgetApi": [{ "name": "EchartsWidgetTemplate" }], "widgetDescription":
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 从表格字段中拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果
创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 配置数据集参数 查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果
例如,在如何基于页面级的全局变量实现组件交互开发的页面中,在“多区域折线图”组件上方单击,配置组件交互事件。参考图1,单击“+交互事件”,选择“点击”事件,单击“+响应动作”,选择“页面跳转”,跳转到内部其他页面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到
自定义的事件名为“sendSelect”,必须配置。 在组件“.js”文件逻辑代码中,使用“thisObj.triggerEvent()”方法触发该事件时,要将变量字段传入发送的data中。 desc 事件的中英文描述,可描述事件的具体场景、作用,必须配置。 fields 变量列表,必须配置,即事件对外输出的
设置getWarnDetailByStatus数据集 应用:选择调用自定义接口所属的应用,本示例选择华为云Astro轻应用中安装的“告警服务Mock应用”。 此处的“告警服务Mock应用”仅为示例,在实际使用时,选择华为云Astro轻应用中已安装的一个应用即可。 API接口:API接口的URL,本示例选择“getW
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
华为云Astro大屏应用盘古助手 什么是盘古助手 进入盘古助手 使用盘古助手