检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
添加组件 在华为云Astro大屏应用中,组件是大屏、移动端页面的组成元素。华为云Astro大屏应用提供了一些预置组件供您使用,同时支持自定义组件并上传到华为云Astro大屏应用中使用。 添加组件 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在页
图例选择模式:设置图例选择模式,支持单个和多个。 小图标:设置图例小图标样式,如圆形、矩形、三角形等。 图列排列:设置图例的排列样式,如水平、垂直。 图例宽度:设置图例的宽度。 图例高度:设置图例的高度。 位置选择:设置图例的显示位置,支持左、右和居中显示。 图例间隔:设置图例之间的间隔。
时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下,设置后效果如图1所示。 { migrateFrom: 'advancedSettings', headerTitle:
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。 地图样式:设置地图基本样式模板。 热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。
数据源:选择华为云Astro轻应用数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
圆角:设置矩形的边框圆角,设置为0时为直角,设置为100时显示为圆形。“特殊样式”设置为“颜色”,且选择“矩形”时,才显示该参数。 背景色:设置特殊样式的背景颜色,支持设置为圆形和矩形。“特殊样式”设置为“颜色”时,才显示该参数。 条件格式:单击“新增条件格式”,可设置条件和响
查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。 查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1, 10000]。假设,查询周期设置为过去的3小时,最大采样点数设置为100,则每108秒(3小时*60分*60秒/100)返回1个数据点。 图3
后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,
后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,
l”。 图7 新建汇合转换器 图8 通过左连接实现数据汇总 转换器:新建转换器的名称,本示例中设置为“汇合”。 目录:选择转换器的存放目录,本示例选择预置分类。 转换器内容:按需进行设置,本示例转换器内容如下,即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a
显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾:设置轴条的默认样式时,该参数需要设置为“显示”。 尾轴条样式:设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量:设置详情的上下偏移位置,单位px。
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示标题。 内容:输入标题的内容。 字体:设置标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、右对齐或居中。 标题背景色:设置标题的背景颜色。
景、特效、卡片边框等)和视频元素构成。 图3 FLV视频播放卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示热力图层,数据标题设置为“子公司完成
请求类型:API接口的请求类型,系统会自动填入。 参数:接口入参,当有入参时,系统会自动展示。 当接口有入参时,单击参数后的“设置全局变量”,可设置变量的默认值。 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。 样例报文:对应API接口的
hideControls: false 是否使用控制按钮。 min Number 否 min: 0 设置计数器允许的最小值,默认值为-Infinity。 max Number 否 max: 100 设置计数器允许的最大值,默认值为Infinity。 事件 表2 事件 事件名称 调用配置项中的方法
安全密钥使用。 地图中心:设置地图中心的设置类型,支持自定义和行政区。 行政区编码:设置行政区或行政区对应的编码,如何下载行政区编码,请参见Web服务 API 相关下载。“地图中心”设置为“行政区”时,才显示该配置。 地图中心经度:设置地图中心点的经度。“地图中心”设置为“自定义”时,才显示该配置。
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
折线宽度:设置图形中折线的宽度。 折线颜色:设置折线颜色,支持单色和渐变色。如果开启了阈值线,渐变会随着阈值线值变化。 折线不透明度:设置折线的不同透明度。 拐点尺寸:设置拐点尺寸。 拐点颜色:设置拐点显示的颜色。 拐点不透明度:设置拐点不透明度。 区域颜色:设置折线图中区域颜色。