检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在线预览大屏页面效果,确保开发编辑效果与发布后运行效果一致。预览效果符合预期后,可直接发布大屏页面,并在线查看城市交通状况。 步骤一:注册账号并实名认证 使用华为云Astro大屏应用前,需要先注册一个华为账号并进行实名认证。如果您已有一个华为账号,可直接跳过如下操作,但需要确保账号有足够的金额。
华为云Astro大屏应用支持设置页面级的全局变量,通过页面组件间的交互,可给全局变量赋值。本章节将以开发一个告警监控页面为例,逐步介绍如何开发一个基于全局变量的交互页面。 场景说明 开发一个告警监控页面,如图1所示,在页面上方下拉框中选择告警状态,可查看各个地区相应状态下的告警数量分布。
才可正常登录华为云Astro大屏应用进行可视化应用的开发。 图2 没有该服务访问权限 给IAM用户添加开发者权限 使用华为账号,登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。 单击管理控制台左上角的,展开服务列表,选择“开发与运维 > Astro轻应用(原Ap
所有组件逻辑统一。 统一实现,无需改动。 getInitProps render中抽取的独立逻辑,基于默认prop和组件配置的props进行融合处理,并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息,统一注册到独立的i18n
在组件的“global_SelectWidget.editor.js”文件中,新增eventConfig配置。 eventConfig其实是一个对象,里面包含组件触发的自定义事件、自定义事件的说明以及事件对外输出的变量名、变量含义。 eventConfig: { sendSelect:
资源设置 库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。
式。自定义事件是指组件作为触发器,当用户操作组件(比如下拉框选中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget
初识开发页面 可视化开发页面 华为云Astro大屏应用一站式数据可视化开发页面,由可视化组件、图层、页面数据集、画布、功能按钮和主题六个区域组成,各区域功能介绍请参见表1。 图1 可视化开发页面 表1 可视化开发页面功能说明 序号 名称 说明 1 组件 在全部组件中,可以查看到各
Name' }, }, ], }, }, clickSeries字段对应组件{widget}.js文件中,注册的事件id。 window.Studio.registerEvents(this, 'clickSeries', { zh_CN:
基本概念 工作空间 每一个工作空间,都对应一个新的华为云Astro大屏应用。通过创建工作空间,可实现对租户下的资源进行隔离与授权。 项目 在华为云Astro大屏应用中创建页面前,需要先创建一个项目。项目可以理解为是一种业务场景的集合,在项目中可以创建多个页面。 组件 组件(即Wi
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
// 仅在组件首次被创建时调用一次,必填 create: function (cbk) { if (cbk) { this._super(); cbk(); } }, }); // 注册组件,必填 window.Studio
组件入门 什么是组件? 组件(即Widget)是可复用的页面组成元素,一个页面由一个或多个Widget拼装而成。如果将一个页面看成拼图游戏的完整图案,那么Widget相当于拼图的每一小块。 Widget的运行依赖Library,如果缺少相应的Library,则Widget不能正常
更新已私有化部署的华为云Astro大屏应用有两种方式,一种是创建一个新目录部署一个全新的华为云Astro大屏应用,另一种方式是替换旧版本中的private-deploy-版本号.jar包。 升级已部署的华为云Astro大屏应用服务 方式一:创建新目录,重新部署华为云Astro大屏应用
响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1 响应动作 /** * 文件global_SelectWidget.js中, 在init钩子中注册响应动作 * @params thisObj: 组件实例
例如,新建三个页面(页面一、页面二和页面三),向页面一(默认主页)中拖入玫瑰花饼图和基本饼图,向页面二中拖入多区域折线图并发布,向页面三中拖入基本柱图并发布。 参考创建大屏&PC端项目中操作,新建一个大屏项目,如页面间交互。 参考使用空白画布新建页面中操作,新建一个空白页面,如页面一,并拖入玫瑰花饼图和基本饼图。
下拉选择框 下拉选择框是文本组件的一种,用于在下拉框中选择某一项内容,由一个输入框和一个下拉弹出框组成。 在大屏设计页面,从“全部组件 > 文本”中,拖拽“下拉选择框”组件至画布空白区域,如图1。 图1 下拉选择框 图2 边距样式说明 卡片 卡片是指包裹图表组件的外层架构,可以理
发布项目 项目开发完成后,可以直接在线预览,也可以一键打包从A环境发布、B环境安装,实现开发 > 测试 > 上线的快速部署,从而实现不同环境之间资产的快速迁移。发布项目,支持将项目中的数据集数据一并进行打包。 前提条件 发布项目前,请确保项目中的页面已发布。 发布项目 参考登录华
输入的分享码,必须符合如下五个条件: 长度为8~32位,仅包含英文字母、数字、特殊字符。 至少包含一个英文小写字母(a-z)。 至少包含一个英文大写字母(A-Z)。 至少包含一个数字(0-9)。 至少包含一个特殊字符(~!@#$%^&*()_=+\|[]{};:'",<.>/?-) 设置完成
配置项分类。华为云Astro大屏应用在设计前期对分类也进行了分组,因此这个字段被扩展为双数组形式。一般默认情况下,直接在数组对象的第一个数组中配置即可。如果无配置,则所有属性展示在一个大的分类下。 classfication中的配置包含预置分类和自定义分类两种。 预置分类:主要是使用平台预置分类。