检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: AstroCanvas学堂
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,AstroCanvas支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组
鉴权信息:“接口鉴权方式”设置为“API鉴权”时,才会显示该参数。单击“新建鉴权信息”,设置鉴权信息。 图7 新建鉴权信息 API鉴权名称:设置API鉴权名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 API鉴权描述:设置API鉴权描述信息。 API鉴权地址:设置API鉴权地址
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
nvas环境中导入项目后,页面中原先设置的分享码会被置空,请按照如下操作重新设置。 在项目列表中,单击已导入的项目,进入项目详情页。 单击待访问页面后的,为页面设置分享码。 图21 为页面设置分享码 输入分享码,单击,保存设置。 图22 输入分享码 单击,复制页面URL地址。 图23
图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选择场景”
件。 配置 在配置中,设置翻牌器组件的样式和动画。 图4 配置 样式设置 字体:设置翻牌器字体、大小和颜色等。 数字背景:翻牌器中数字是否显示背景。“动画类型”设置为“翻牌类型”时,不支持隐藏背景。 数字背景颜色:设置翻牌器中数字的背景颜色。“数字背景”设置为“显示”时,才会显示该参数。
新建工作空间 为工作空间添加成员 设置空间页面配额 项目 创建大屏&PC端项目 创建移动端项目 设置项目锁 通用设置 健康检查设置 设置项目封面 页面 使用模板创建页面 使用页面模板文件新建页面 使用空白画布新建页面 为页面添加组件 设置页面数据 设置交互方式 资产迁移 发布项目 安装项目
卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
setLocalStorage 用于设置某个localStorage的值。 getCookie 用于获取某个cookie的值,使用方式参考如下: /* @param {*} cookieID */ HttpUtils.getCookie("key") setCookie 用于设置cookie的值,使用方式参考如下:
在桥接器模板详情页,单击“下载”,将模板包下载到本地。 解压已下载的模板,修改桥接器模型名称。 桥接器模型名称需要和使用该自定义桥接器的组件中定义的模型名称相同,否则在组件中设置数据源时,桥接器实例无法选择到该桥接器。 桥接器模型名称可在使用该桥接器的组件中查看。例如,在玫瑰花饼图中使用自定义桥接器,请按照如下操作获取模型名称。
参数:执行动作在连接器中,定义的参数。字段类型为“表达式”时,在字段值中单击鼠标,可进入表达式设置页面。在表达式设置页面,可从下方左侧面板选择字段名、函数或者直接输入函数,如图3。 图3 表达式设置 测试API接口:用于测试该接口,单击“测试API接口”,“样例报文”中会显示输出结果。
数据源:选择ROMA连接器数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 ROMA连接器配置示例
单击该图标,可查看设置的分享码。 有效期设置:设置分享码的有效期。如果不设置有效期,分享码将永久有效。 设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。
(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。
自适应内容最小高度。 maxRows Number 否 maxRows: 6 自适应内容最大高度。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 仅在输入框失去焦点或用户按下回车时触发 (data, field) blur blur 在输入框获得焦点时触发
地图中心经度:设置地图中心点的经度。 地图中心纬度:设置地图的中心点的纬度。 地图缩放级别:设置地图的缩放层级,最小级别为4,最大级别为19。 地图样式:设置地图基本样式模板。 热力图层配置 显示热力图层:是否显示热力图层。 数据标题:设置热力图层的数据标题。 显示类型 :设置热力图层显示类型,如均分显示或区间部分。
editor.js”。{widget}.editor.js文件只在组件编辑状态被加载,主要包括propertiesConfig方法和create方法。 文件示例 EchartsWidgetTemplate = EchartsWidgetTemplate.extend({ //
卡片装饰:卡片装饰设置,可根据自身的业务需求选择不同的卡片样式。单击“清除样式”,可清除已设置的装饰样式。 标题 标题:是否显示标题。 内容:输入标题的内容。 字体:设置标题的字体、大小和颜色等。 对齐:设置标题的对齐方式,如左对齐、右对齐或居中。 标题背景色:设置标题的背景颜色。
在预览态调用该方法可以隐藏Widget。 例如,执行thisObj.hideWidget()方法隐藏该组件的dom结构。 showWidget:显示该组件的dom结构。在预览态调用该方法可以展示Widget。 例如,执行thisObj.showWidget()方法显示该组件的dom结构。