检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
从组件数据中进入盘古助手 参考使用空白画布新建页面中操作,新建一个空白页面。 在“组件”页签中,拖拽所需的组件到画布中。 选中组件,单击组件上方的,进入组件数据设置页面。 在“数据类型”中,选择数据源类型,并选择数据源。 在“数据配置”下方,单击“+”,选择“转换器”。 选中转换器,此时页面会出现一个图标。
显示头:设置轴条的选中样式时,该参数需要设置为“显示”。 头轴条样式:设置头轴条选中时的样式。“显示头”需要设置为“显示”。 图7 头轴条样式 显示尾:设置轴条的默认样式时,该参数需要设置为“显示”。 尾轴条样式:设置尾轴条选中时的样式。“显示尾”需要设置为“显示”。 详情 上下偏移量:设置详情的上下偏移位置,单位px。
选择新建全局变量 “变量”设置为“seriesName”,“变量说明”设置为“系列名称”,单击“保存”。 图5 新建全局变量seriesName 返回组件交互页面,“赋值到变量”选择5.g中新建的变量, 单击“确定”。 图6 选择seriesName变量 新增响应动作“页面跳转”,设置跳转页面。
在转换器管理页面,单击“新建转换器”。 输入转换器名称,选择转换器存放的目录,单击“确定”。 转换器的名称长度为1~32个字符,可包括中文、字母、数字和下划线。 设置转换器参数。 图1 手工输入测试数据 图2 结果预览-表格 图3 结果预览-JSON function filter(dataset) {
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
单击,可生成新的链接,原链接将不可访问。单击,可复制该链接。 设置访问限制。 如果是新建项目,需要为发布链接设置访问限制,即“分享码访问”或“Token认证”必须设置其中一个,否则链接在运行态无法正常访问。本入门中,以设置分享码为例进行介绍。 图14 分享码设置 分享码设置:设置页面分享码后,只能通过分享码来访问页面,提高安全性。
EchartsWidgetTemplate = EchartsWidgetTemplate.extend({ // 组件事件配置项,定义组件事件结构及说明,给全局变量映射使用 eventConfig: { clickSeries: { desc: { zh_CN: "点击系列"
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按
selectConfObj) { return this.vm.selectConfObj.selectValue; } }, // 设置组件双向绑定的值 setInputWidgetValue: function (value) { this.vm.selectConfObj
组件触发自定义事件时,可以给全局变量赋值,fields数组中每一个对象保存着暴露给全局变量的详细配置。 图2 给全局变量赋值 表2 fields数组中对象字段详细说明 字段 类型 说明 name String key值。 desc Object 字段描述,需要国际化。 暴露给全局变量的字段,一定要在触发事件参数中定义,如图3。
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下,设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value:
即铺满整个组件。 标题设置:是否显示标题,设置为“显示”时,支持设置如下属性。 标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。
问号大小:设置问号的大小。 问号颜色:设置问号的背景颜色。 气泡位置:设置提示气泡的显示位置,如右上方、正上方。 提示背景:设置提示气泡的背景颜色。 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑
颜色。 占位符:没有输入搜索内容时,展示的文字内容。 搜索按钮设置 字体:搜索按钮和按钮字体的大小、颜色等设置。 背景颜色:设置搜索按钮所在区域的背景色。 按钮文本:设置按钮搜索图标后显示的文字。 数据 在数据中,设置搜索框组件的数据来源,更多介绍请参见数据接入。 交互 在交互中
errCbk):通过桥接器实例调用process函数,主要作用为发起调用服务的请求和处理返回结果信息。 在通过process函数发起请求前,需设置桥接器实例的requestParams属性为请求的参数,例如:ConnectorIns.requestParams = param; 参数
savePropertiesForWidget() 用于在开发态中保存当前组件的高级设置属性信息。 savePropertiesForWidget() 该API用于在开发态中,保存当前组件的高级设置属性信息。 /* * @param {*} props {} */ magno.
选择静态数据 根据业务需求自定义静态数据,也可直接使用系统预置的数据,单击“保存”。 您可以通过“Excel模式”和“Json模式”两种模式设置静态数据。设置为“Excel模式”时,可执行如下操作: 单击“文件导入”,可将本地的数据导入到当前组件中使用。仅支持导入CSV和Excel格式的文件,且文件大小不能超过100KB。
在项目发布中,单击待发布版本后的,设置该版本为当前发布版本。 如何新建项目版本并发布,请参见发布及安装项目。 图1 发布版本 设置项目访问限制。 按照项目限制:项目中页面首次完成验证后,其余页面无需二次验证。例如,页面A、B、C设置了Token认证,页面D、E、F设置了分享码。勾选按照项目限
最新动态 本文介绍了Astro大屏应用 AstroCanvas各特性版本的功能发布和对应的文档动态,欢迎体验。 2024年6月 序号 功能名称 功能描述 阶段 相关文档 1 Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCan
元素(卡片背景、特效、卡片边框)和视频元素构成。 图3 视频卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。