检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
数据源:选择AstroZero数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图3 设置数据集 应用:选择调用自定义接口所属的应用。
圆角:设置矩形的边框圆角,设置为0时为直角,设置为100时显示为圆形。“特殊样式”设置为“颜色”,且选择“矩形”时,才显示该参数。 背景色:设置特殊样式的背景颜色,支持设置为圆形和矩形。“特殊样式”设置为“颜色”时,才显示该参数。 条件格式:单击“新增条件格式”,可设置条件和响
地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。 地图样式:设置地图基本样式模板。 热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。
查询类型:设置查询数据的类型,如查询时间范围内的数据或瞬时数据。 查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1, 10000]。假设,查询周期设置为过去的3小时,最大采样点数设置为100,则每108秒(3小时*60分*60秒/100)返回1个数据点。 图3
后台筛选需要搭配全局变量使用,请创建filters变量。 图3 新建筛选全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击筛选时”交互动作。 图4 点击筛选时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。
新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目
后台排序需要搭配全局变量使用,请创建sortType、sortField。 图3 新建排序全局变量。 交互设置。 选中高级表格组件,单击,进行组件交互设置。 添加“点击排序时”交互动作。 图4 点击排序时交互动作 设置组件数据源。 选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。
l”。 图7 新建汇合转换器 图8 通过左连接实现数据汇总 转换器:新建转换器的名称,本示例中设置为“汇合”。 目录:选择转换器的存放目录,本示例选择预置分类。 转换器内容:按需进行设置,本示例转换器内容如下,即将“多数据流1”和“多数据流2”中的数据进行汇总。 const [a
数据源:选择ROMA连接器数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 ROMA连接器配置示例
nvas环境中导入项目后,页面中原先设置的分享码会被置空,请按照如下操作重新设置。 在项目列表中,单击已导入的项目,进入项目详情页。 单击待访问页面后的,为页面设置分享码。 图21 为页面设置分享码 输入分享码,单击,保存设置。 图22 输入分享码 单击,复制页面URL地址。 图23
显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾:设置轴条的默认样式时,该参数需要设置为“显示”。 尾轴条样式:设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量:设置详情的上下偏移位置,单位px。
础元素(卡片背景、特效、卡片边框等)和视频元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示热力图层,数据标题设置为“子公司完成
errCbk):通过桥接器实例调用process函数,主要作用为发起调用服务的请求和处理返回结果信息。 在通过process函数发起请求前,需设置桥接器实例的requestParams属性为请求的参数,例如:ConnectorIns.requestParams = param; 参数
选择新建全局变量 “变量”设置为“seriesName”,“变量说明”设置为“系列名称”,单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面,“赋值到变量”选择5.g中新建的变量, 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。
hideControls: false 是否使用控制按钮。 min Number 否 min: 0 设置计数器允许的最小值,默认值为-Infinity。 max Number 否 max: 100 设置计数器允许的最大值,默认值为Infinity。 事件 表2 事件 事件名称 调用配置项中的方法
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值,使用方式参考如下:
服务地址的URL。输入的URL地址中,支持包含变量,例如“https:example.{region}.com”。地址中的变量,在使用数据源时,支持修改,如图3。 图2 服务地址包含变量 图3 更改变量 接口鉴权方式:设置接口的鉴权方式,支持无身份认证和基本身份认证(用户名/密码)两种。
HTTP连接器:选择前提条件中已创建的HTTP连接器。 接口鉴权方式:自动关联已创建连接器的鉴权方式。 描述:新建数据源的描述信息。 设置完成后,单击“保存”。 父主题: 数据源管理