检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
必须以英文字母开头,只能由英文字母、数字或单下划线组成,且不能以下划线结尾。 Questionnaire 从“基本组件”中,拖拽1个输入框、2个下拉框和1个多行输入框组件到画布中,布局如图7。 图7 标准页面布局 选中输入框组件,修改组件的“标签”为“姓名”,并开启“必填”。
)拖入“上传文件”中,单击“保存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 拖拽基本柱图到右侧画布中 选中该组件,单击组件上方的,进入组件数据页面。
用数据源。 数据集所使用的转换器已创建,如何创建请参见新建转换器。 华为云Astro轻应用预置了转换器供用户直接使用,用于把调用API接口返回的数据转换成二维结构。如果使用华为云Astro轻应用预置的转换器,则无需执行此操作。本示例中,请提前创建图1中的转换器。 图1 华为云Astro轻应用转换器
获取Connector对接的配置值,用于查看与Connector相关的信息。 getConnectorInstanceByName 通过{widget}.editr.js文件中配置的Connector名称,获取Connector实例,用于向Connector请求数据。 getProperties 获取该组件
鉴权信息中返回的参数赋值给连接器的请求参数。 Body:当请求类型为POST时,还需要设置Body,可以使用默认值也可以根据实际需求进行填写。 Path:URL中配置的带大括号的变量。例如{pathParam} ,其中pathParam会作为变量名。 返回参数:设置返回参数。在B
转换器:选择新建转换器中创建的转换器或华为云Astro大屏应用预置的转换器,用于对数据进行转换处理。 单击“保存”,完成HTTP连接器数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入大屏应用开发页面,拖拽所需组件(如水平基本柱图)到画布中。 图3 拖拽水平基本柱图到画布中 选
函数,如图3。 图3 设置表达式 刷新数据:单击该按钮,可预览查询出的数据。 单击“保存”,完成DWS数据集的创建。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入大屏开发页面,拖拽所需组件(如基本柱图)到画布中。 图4 从图表中拖拽基本柱图组件到画布中 选
可自定义内边距大小。 图6 标签内边距 默认文字:选项卡没启用,处于默认状态下的文字字体、文字粗细、文字大小、文字颜色。 激活文字颜色:选中当前选项卡Tab,即激活状态下的文字颜色。 悬浮文字颜色:鼠标悬浮当前选项卡Tab上时,文字的颜色。 默认背景样式:设置选项卡未启用时,默认的背景样式,支持颜色和图片两种样式。
该状态下日期块的背景色:设置当前状态下日期块的背景颜色。 日期字体:设置该状态下日期字体、文字大小、日期文字颜色等。 日期的行高大小:设置该状态下日期的行高大小。 内容字体:设置该状态下日期上备注的内容字体、文字大小、内容文字颜色等。 日历卡片 背景色:设置日历卡片的背景颜色。 边框色:设置日历卡片边框的颜色。
将字段seriesIndex赋值给全局变量 单击“完成”,返回大屏设计页面。 在全部组件中,拖拽一个实心圆饼图到画布中。 为实心圆饼图设置数据。 选中实心圆饼图,单击。 “数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在
和场景地址。 图2 图观端场景编辑器配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选择场景”,可以在“场景”中新建场景或选择已有场景,也可以从“案例库”中选择场景。
地图链接:输入地图的链接。 切片大小:设置地图瓦片(Tile)的尺寸。 坐标系投影方式:将地理坐标系转换为平面坐标系的过程和方法,直接在下拉框中选择或者手工输入。 范围:地图底图所覆盖的地理范围。 单位:根据选择的坐标系投影方式自动关联,不可配置。 地图中心经度:设置地图中心点的经度。
lue”字段。 数值字体:设置数值字体。“标签悬浮”设置为“开启”时,显示该配置项。 文字大小:设置常显标签的文字大小。“标签悬浮”设置为“关闭”时,显示该配置项。 文字颜色:设置常显标签的文字颜色。“标签悬浮”设置为“关闭”时,显示该配置项。 数值显示:是否显示最大值、最小值。
拖入组件,根据业务需求开发页面。 页面创建完成后,单击页面上方的保存图标,保存页面。 单击页面上方的预览图标,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如
可以根据自身业务的需求进行二次开发。 单击页面上方的,保存页面。 单击页面上方的,预览应用页面。 如果页面预览效果和预期效果不一致,可再次返回开发页面进行调整。 单击页面上方的发布图标,进行页面发布设置。 发布链接:单击发布链接后的图标,将显示页面地址,单击该地址进入发布页。 如
使用方式参考如下: /* * @param {*} text */ SafeUtils.escapeHtml(text) // 方法返回转义后的字符串 例如输入字符串如下: <div data-v-a7e06658="" id="page-view-header" clas
的页面。 默认文字:设置路由页签默认文字的字体、颜色和大小等。 默认样式:设置路由的默认样式,支持设置为颜色和自定义。 悬浮文字:设置鼠标悬浮在路由上时,页签内容的字体、大小和颜色等。 悬浮样式:鼠标悬浮在路由上时,路由显示的样式,支持设置为颜色和自定义。 点击文字:设置单击路由时,页签内容的字体、大小和颜色等。
进行中状态:步骤进行中状态的颜色。 等待状态:步骤还未完成处于等待状态的颜色。 标签字体:设置步骤标签的字体、大小和颜色等。 描述文字字体:当步骤有描述文字时,描述文字的字体、大小等设置。 标题左边距:步骤标签距离该图标左边的距离。 数据 在数据中,设置步骤条组件的数据来源,更多介绍请参见数据接入。
在主菜单中,选择“我的资产”,进入我的资产页面。 在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。 单击,选择新建并开发自定义组件中自定义的组件包BarGraph.zip,填写基本信息,单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明
API API说明 getCookie 用于获取某个cookie的值。 setCookie 用于设置cookie的值。 getI18n 返回一个Vue18n的实例。 getCsrfToken 通过ajax的方式,调用平台的接口时使用。 refreshToken 用于手动刷新页面的accesstoken。