检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
中选项)时发出的事件。 注册自定义事件 自定义事件在{widget}.editor.js文件中的eventConfig配置项中注册,以global_SelectWidget组件为例: 在文件global_SelectWidget.editor.js中定义事件 eventConfig:
在左侧导航栏中,单击“我的桥接器”。 在我的桥接器中,单击“添加桥接器”。 单击“+”或拖拽所需的桥接器到指定区域,设置桥接器信息,单击“保存”。 图1 上传桥接器 复制桥接器到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在主菜单中,选择“我的资产”。
通过移动页面,将页面移动到其他文件夹中,便于页面集中管理。 移动页面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在项目列表中,单击页面所在的项目,进入项目。 将鼠标放在对应的页面上,单击“...”,选择“移动”。 选择目标文件夹,单击“确定”。 图1
editor.js:组件核心渲染文件。组件属性定义文件,负责组件编辑状态时需要渲染的界面和逻辑。 {widget}.flt:组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 {widget}.js:组件逻辑文件,整个Widget的渲染核
单击“新增静态数据”,将本地的Excel或CSV文件(文件大小不能超过100KB)拖入“上传文件”中,单击“保存”。 单击“保存”,完成数据集的创建。 在数据集管理列表中,可查看到已创建的数据集。 在组件中使用数据集 返回华为云Astro大屏应用项目列表页面。 进入开发页面,拖拽所需组件(如基本柱图)到画布中。 图4
分析服务。用户不需要管理任何服务器,即开即用。支持标准SQL/Spark SQL/Flink SQL,支持多种接入方式,并兼容主流数据格式。数据无需复杂的抽取、转换、加载,使用SQL或程序就可以对云上CloudTable、RDS、DWS、CSS、ECS自建数据库以及线下数据库的异构数据进行探索。
css 组件的样式文件,在该文件中编写组件的CSS样式。 EchartsWidgetTemplate.ftl 组件DOM结构文件,需要在服务端提前渲染的部分可以写在此文件中,相当于HTML文件,负责样式展示。 packageinfo.json 组件的元数据描述文件。 widegtApi
cn/echarts_content/xr1WrPou3b.html案例依赖的第三方脚本D3。 图9 第三方脚本示例 下载第三方脚本到本地PC机,新建文件packageinfo.json,并在文件中写入如下内容: { "js": [ { "name": "d3js
配置项总览 本章节介绍华为云Astro大屏应用支持的组件配置项,您可以通过{widget}.editor.js文件中定义的type字段,来定义组件的类型和配置。 表1 配置项总览 类别 类型 说明 输入框 input 单行文本输入框 textarea 多行文本输入框 数字类型 input-number
(可选)项目创建后,可参考项目管理中内容,对项目进行设置。 新建文件夹 项目创建后,支持在项目中新建文件夹,用于集中管理页面。 在“大屏&PC端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字
(可选)项目创建后,可参考项目管理中内容,对项目进行设置。 创建文件夹 项目创建后,支持在项目中创建文件夹,用于集中管理页面。 在“移动端项目”页面,单击“所有页面”后的“...”,选择“新建文件夹”。 在创建文件夹页面,输入文件夹标题,单击“确定”,即可在项目中创建文件夹。 文件夹标题的长度不能超过64个字符,
连接器名称:输入新建连接器的名称,长度为1~32个字符,可包括中文、字母、数字及下划线。 类型:选择连接器类型,便于管理连接器。单击“新建类型”,可自定义连接器类型。 上传图标:单击“+”,可设置连接器显示的图标。 描述:新建连接器的描述信息,可按需进行设置。 请求协议:设置连接器请求协议。 域名:请求的Ho
eventParam:组件传递出的参数。 以日期选择器组件为例,介绍如何获取eventParam。 在页面中,拖入一个日期选择器组件到画布中。 图2 拖拽日期选择器到画布中 选中日期选择器,单击,进入交互设置页面。 按照下图,设置自定义动作。 自定义组件动作时,通过输入关键词,可以联想出组件的信息。
开发人员来访统计大屏页面 开发告警处理情况统计移动端页面 05 实践 弹性云服务器(Elastic Cloud Server)是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 部署web环境 什么是ECS 创建容器应用基本流程 快速创建一个kubernetes集群 3分钟创建一个游戏类容器应用
在左侧导航栏中,单击“我的组件”。 在我的组件中,单击“添加组件”。 单击“+”或拖拽所需的组件到下图红框中。 图3 上传组件 按需设置组件ID和版本说明,单击“保存”。 图4 设置组件基本信息 复制自定义组件到其他工作空间 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。
您也可以在搜索框中,输入所需的组件(如图1),或者按照图2进行查找。 图1 搜索所需组件 图2 按照分类查找 按住鼠标左键,将目标组件拖拽到画布中。 图3 拖拽文本编辑组件到画布中 组件添加成功后,会自动展示在画布中。您可以通过拖拽组件边框,调整组件的大小,也可以参考拖拽组件中操作,调整组件的位置。
单击“编辑页面”,进入大屏开发页面。 在页面上方工具栏中,单击,即可将当前页面下载到本地。 下载到本地的页面模板文件命名为“当前页面的名称”.page。 图1 将大屏页面保存为页面模板文件 父主题: 页面管理
参考设置项目锁中操作,获取项目锁。 在左侧导航栏中,选择“组件”。 单击“本地调试设置”,进行本地调试设置。 在本地开发组件后,频繁地打包组件包上传至公共环境再查看页面显示效果,是一件效率极低的事情。通过该配置,可打通本地环境与公共环境,实现实时在线调测组件。 单击“检查更新”,检查组
Condition 方法 API接口的HTTP方法。 GET:请求服务器返回指定资源。 PUT:请求服务器更新指定资源。 POST:请求服务器新增资源或执行特殊操作。 DELETE:请求服务器删除指定资源。 PATCH:请求服务器更新资源的部分内容。当资源不存在时,PATCH可能会去创建一个新的资源。
组件的数据可来自于静态数据或通过数据集获取,以EchartsWidgetTemplate组件为例,在“{Widget}”.editor.js文件中,可配置组件接入的数据。当识别到组件propertiesConfig中存在dataSetting类型的配置项时,默认组件需要对接数据集。配置示例如下: