检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中视频距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。
边距:组件中视频流距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP
我的卡片 操作场景 在我的卡片中,管理保存为卡片的组件,如删除组件、修改组件名称等。 图1 保存为卡片 复制卡片到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。 在左侧导航栏中,单击“我的卡片”。 将鼠标放在待复制的卡片上,单击。
项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。 图1 设置项目封面
"5", "category": "b" } ] 组件在获取数据时,获取到的是经过映射转换的数据,可以直接使用x、y等固定字段。 多数据集 部分组件可能存在使用多个数据源的情况,例如地图组件可能存在多个图层,相应配置可以如下: propertiesConfig: [ {
在左侧导航栏中,选择“通用”。 设置网页的图标等,单击“保存”。 图1 通用设置 开启页面加载动画:勾选后,预览或打开页面时,将会显示加载动画。 网页图标:设置项目在浏览器标签页标题左侧的图标。图片类型支持ico、png、pjp、jpg、pjpeg、jpeg和jfif,图片大小不能超过1MB,建
按照上述操作,为课程、年级和期望开设的课程组件分别绑定模型中的字段。 图15 为课程组件绑定模型中的字段 图16 为年级组件绑定模型中的字段 图17 为期望开设的课程组件框绑定模型中的字段 选中课程组件,在“基本属性 > 选项”中,设置课程下拉框的选项。 图18 设置课程下拉框选项 同样,选中年级组件,在“基本属性
选择素材待添加到的目录,单击“确定”。 支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件 > 媒体”中,选择“图片”组件拖入画布中。 单击“卡片”图标,在“背景”中,单击“选择图片”,从素材库中选择素材。 图4 选择图片 复制素材到其他工作空间
3D场景编辑器 图观端场景编辑器用于实现3D模型的展示和编辑。购买“Astro大屏应用企业版”实例时,才会显示该组件。 在大屏设计页面,从“全部组件 > 3D场景编辑器”中,拖拽“图观端场景编辑器”组件至画布空白区域,如图1。 图1 图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。
将鼠标放在对应的库上,单击,获取锁。 将鼠标放在对应的库上,单击,进入更新库页面。 图7 进入更新库页面 在库更新页面,上传新的库、设置库参数,单击“更新”。 图8 设置库信息 将鼠标放在对应的库上,单击,可查看到新版本的库。 :单击该图标,可下载当前版本库。 :单击该图标,可在线编辑该版本库。
新建转换器 转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 为了便于您更好的使用转换器,华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏
开发。更多关于组件的介绍,请参见组件介绍。 2 图层 在图层列表中,可以查看到画布中各个组件的图层位置,也可以根据可视化应用需要,手动调整每个组件图层的上下位置关系。更多关于图层的介绍,请参见图层管理。 3 工具栏 工具栏位于编辑器页面的最上方,通过工具栏提供的功能,可以完成保存
可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目) 单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 打开“分享码
”。 图3 新建getWarnDetailByStatus数据集 数据集名称:数据集的名称,用于标识该数据集。本示例配置为getWarnDetailByStatus。 数据源连接:选择1中创建的数据源。 目录:设置数据集的存放目录。 责任人:数据集的创建者。 描述:数据集的描述信息,通常设置为数据集的功能。
在左侧导航栏中,选择“连接器”。 在连接器管理页面,单击“新建连接器”。 设置基本信息。 图2 基本信息(无身份验证) 图3 基本信息(AK/SK) 图4 基本信息(API Key) 图5 API鉴权 连接器名称:输入新建连接器的名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 类型:选
备自适应显示。 图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题:
选中区域图组件,单击组件上方的,设置标题内容为“昨日在园人数统计 人/时”。 图19 设置区域图组件标题 选中区域图组件,单击组件上方的,显示x轴网格线,打开y轴轴线开关,隐藏y轴网格线。 图20 显示区域图x轴网格线 图21 打开区域图y轴轴线隐藏网格线 单击页面上方的,保存后单击,预览效果。
dispatchAction({ type: 'highlight', dataIndex: params.dataIndex, }); 单击“新增参数”,设置参数名称为“dataIndex”。 图2 新增dataIndex字段 选中echarts组件,单击,进入组件交互页面。 在作为
负责组件的实例化和数据调用,以及事件和动作的实际实现。 /** * 组件核心渲染api,负责组件的实例化、数据调用及事件、动作的实际实现 */ render() { const widgetContainer = this.getContainer();