检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
append: "%" 添加的字符串。 事件 表2 事件 事件名称 调用配置项中的方法 说明 回调参数 change change 值改变的时候触发 (value, data, field) 配置示例 slider配置示例如下,配置后效果如图1所示。 { type: 'slider', name:
面URL”。 图1 新增全局变量 从“全部组件 > 图表”中,拖拽“基本柱图”组件至画布空白区域。 在组件上方单击,配置流程选择“静态数据”,并添加url参数,对应数据项的数据详情页面URL,单击“保存”。 图2 配置流程 在组件上方单击,配置组件交互事件。 在作为触发器中,单击
input-number 配置项说明 表1 input-number配置项说明 参数 类型 是否必选 示例 说明 type String 是 type: "input-number" 配置项类型。 value String 否 value: 1 默认值。 name String 是
包年/包月AstroCanvas续费相关的功能,如表1所示。 表1 续费相关的功能 功能 说明 手动续费 包年/包月的AstroCanvas,从购买到被自动删除前,您可以随时在AstroCanvas控制台为其续费,以延长使用时间。 自动续费 开通自动续费后,AstroCanvas会在
项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面,详情请参见创建项目。 导入项目包 从本地导入已创建的项目包,实现离线迁移、部署项目,详情请参见导入项目。 添加项目分组 支持新建分组,用于集中管理项目。 试试从模板开始 展示系统推荐的模板,可以直接基于推荐的模板快速创建大屏页面。 单击“查看所有”,可查看系统预置的所有模板。
选择所需的数据类型。 在配置流程中,通过SQL语句,获取数据。 数据接入的SQL语句中,需要添加4中创建的全局变量offset和pageSize,来限制每次获取的数据。 图5 输入SQL语句 图6 输入“$”添加全局变量 在组件预览中,将表格中的字段,拖拽到对应的配置中。 数据中的total字段,必须添加到“数据总数”中。
存”。 图6 拖拽字段到坐标轴 表格字段:展示创建数据集中,获取的数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据和系列中。 刷新周期:每隔多少秒从AstroZero中读取一次数据,默认配置为“0”,表示只获取一次。 共享数据:是否共享数据。勾选后,如果多个组件调用
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台筛选效果 父主题:
选中组件,单击组件上方的。 选择所需的数据类型。 在全局变量配置下方,单击,选择转换器,添加2创建的转换器。 图5 添加转换器 在组件预览中,将表格中的字段,拖拽到对应的配置中。 图6 拖拽字段到对应配置中 单击“保存”,完成组件数据源的配置。 保存页面,预览效果。 图7 查看后台排序效果 父主题:
在画布中,拖入地图组件和下拉选择框组件。 配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择
订单支付成功后,单击“返回Astro轻应用控制台”。 图5 返回控制台 在Astro大屏应用控制台中,可以查看Astro大屏应用的安装状态。当“实例状态”变为“运行中”时,说明实例已安装好,可以正常使用。 图6 Astro大屏应用控制台 步骤三:创建大屏&PC端项目 在AstroCanvas中创建
“数据类型”选择“数据集”,选择步骤五:基于AstroZero数据源新建数据集中创建的数据集。 单击全局变量配置下方的“+”,选择“转换器”,选择6.c中创建的转换器。 在组件预览中,从“表格字段”中拖拽字段到“配置”中,并将“刷新周期”设置为“5秒”,实时读取并展示最新数据。 图45 基本饼图组件预览设置
存”。 图5 拖拽字段到对应的坐标轴 表格字段:展示创建数据集中,录入的静态数据。 配置:从表格字段中,拖拽所需的字段到X轴数据、Y轴数据或系列中。 刷新周期:每隔多少秒获取一次静态数据,默认配置为“0”,表示只获取一次静态数据。 共享数据:是否共享数据。勾选后,如果多个组件调用
"selectValue", event.itemVal); }, 配置动作时,可以在AstroCanvas画布交付界面,配置itemVal的值为“${e.xxx}”将事件抛出的“xxx”参数复制到itemVal中。然后select组件内统一从itemVal获取数据。select组件的内部处理API如上面代码。
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
选择素材待添加到的目录,单击“确定”。 支持将素材添加到已有目录,或新的目录中。 在大屏设计页面,使用已上传的图片。 从“全部组件 > 媒体”中,选择“图片”组件拖入画布中。 单击“卡片”图标,在“背景”中,单击“选择图片”,从素材库中选择素材。 图4 选择图片 复制素材到其他工作空间 参考登录AstroCanv
自定义模板:当前账号下发布的模板,如何将当前页面发布为模板,请参见发布为模板。 如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录Astro
propertiesConfig是一个数组,用于保存组件配置项的相关字段,包括数据接入配置、组件配置项。 图1 propertiesConfig配置示例 数据接入配置 数据接入配置详细介绍,请参见组件数据接入。 组件配置项 配置示例如下,配置后效果如图2所示,组件配置项详细介绍请参见表1。 {
设置背景图片 图4 选择背景图 从全部组件中,分别拖拽文本编辑、水平基本柱图、基本柱图、和区域图到画布区域,布局如图6所示。 图5 拖拽文本编辑组件到画布 图6 组件布局 在页面右上角,根据需要选择所需的主题(本示例设置为经典原始,即单击“取消当前主题卡片装饰”)。 配置文本编辑组件。 选中
文件介绍 i18n.json为组件的国际化资源文件,用于配置多语言,目前支持的多语言包含中英文两种,相应的key值分别为['zh-CN','en-US']。多语言文件支持配置在多个Json中,在packageinfo.json中的配置示例如下: "i18n": [{ "name":