检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板,包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
默认情况下,新建的IAM用户没有任何权限,需要将其加入用户组,并给用户组授予策略或角色,才能使得用户组中的用户获得对应的权限,这一过程称为授权。授权后,用户就可以基于被授予的权限对云服务进行操作。 华为云Astro大屏应用部署时通过物理区域划分,为项目级服务。授权时,“作用范围”需要选
订单支付成功后,单击“返回Astro轻应用控制台”。 在Astro大屏应用控制台中,可以查看华为云Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图5 华为云Astro大屏应用控制台 父主题: 购买华为云Astro大屏应用实例
整个组件。 轮播配置 在轮播配置中,设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面:添加轮播的页面,可以选择本项目内的页面,也可以选择外部页面,但添加的页面数不能超过10个。 滚动条:是否显示滚动条,如自动或隐藏。 切换配置 切换箭头:是否显示页面切换箭头。
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、地图控件和地图控制,如是否显示比例尺、是否支持缩放、拖拽等。 图4 OpenLayers地图配置 地图基本配置 地图链接:输入地图的链接。 切片大小:设置地图瓦片(Tile)的尺寸。
边距:组件中视频流距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的
标题设置:是否显示标题,设置为“显示”时,支持设置如下属性。 标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。 数值:趋势中是否显示数值,设置为“显示”时支持设置如下属性。
标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 内边距:设置图表和组件边框之间的距离,单位为px。 配置 在配置中,设置趋势的对齐方式、数值、趋势数字和图标。 图4 趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。 数值:图表中是否显示数值,设置为“显示”时,支持设置如下属性。
示。 边距:组件中视频距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。
数据源:选择华为云Astro轻应用数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择华为云Astro轻应用中具体的应用。
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置图标的颜色。 图4 图标配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,进行自定义属性设置。 图4 全屏配置 全屏图片链接:要切全屏时图片的链接。 展开图片链接:展开时图片的链接。 内边距:图片和组件边框之间的内边距,单位为px。 交互 在交互中,配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 分割线配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
页面时可使用该页面模板文件,创建可视化页面,减少重复开发,提高交付效率。 发布及安装项目 项目开发完成后,可以在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间大屏&PC端、移动端资产的快速迁移。 发布项目 将已开发好的
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击“+”,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果