检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
用专业版”和“Astro大屏应用企业版”三种实例套餐,请按需购买。 Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发。 各套餐详细介绍,请参见计费模式。
能以下划线开头或结尾。 服务地址:返回Prometheus数据的接口所在服务地址的URL。输入的URL地址中,支持包含变量,例如“https:example.{region}.com”。地址中的变量,在使用数据源时,支持修改,如图3。 图2 服务地址包含变量 图3 更改变量 接口
migrateFrom String migrateFrom: "advancedSettings" 固定写法,配置后非AstroCanvas平台右侧属性面板会过滤掉配置项。 headerTitle Object headerTitle: { zh_CN: "行配置", en_US:
提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图9 设置Token认证信息 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器
提高大屏数据及用户信息的安全性。如何设置Token认证,请参见如何设置Token认证。 图6 设置Token认证信息 :打开Token认证开关后,AstroCanvas会生成一个Token。单击该图标,可复制Token。 签名地址只允许打开一次:开启后,签名地址仅允许在当前浏览器
oCanvas界面。 在AstroCanvas页面,将鼠标放在“默认团队空间”上,选择“新建与管理”,跳转到Astro低代码平台。 在Astro低代码平台的“组织管理 > 角色与权限 > Astro Canvas”中,单击“创建工作空间”。 输入空间名称(如工作空间A),单击“保存”。
更多介绍请参见管理页面。 EN 单击该按钮,可将AstroCanvas系统语言由中文切换为英文。 单击该图标,可切换AstroCanvas平台主题颜色和退出当前登录。如果您购买的是AstroCanvas企业版实例,还支持进行本地部署,更多介绍请参见AstroCanvas私有化部署。
Astro大屏应用服务文档首次独立发布 Astro大屏应用(Astro Canvas,简称AstroCanvas)是华为云Astro低代码平台提供的可视化页面构建服务,提供了丰富的可视化组件、灵活的数据接入和多种方式页面构建能力,支持多屏适配,帮助开发者快速构建和发布专业水准的实时可视化应用。
API说明 escapeHtml() 将HTML字符串进行转义。 getSafeUrl() 对外部链接进行xss安全过滤,获取安全的绝对URL地址。 escapeHtml() 对HTML字符串进行转义,获取转义后的字符串供页面显示用,使用方式参考如下: /* * @param {*}
头或结尾。 HTTP连接器:选择前提条件中已创建的HTTP连接器。 接口鉴权方式:自动关联已创建连接器的鉴权方式。 描述:新建数据源的描述信息。 设置完成后,单击“保存”。 父主题: 数据源管理
o大屏应用企业版”三种实例套餐,请根据需要选择按月购买或按年购买。 Astro大屏应用基础版:基于平台预置模板、基础组件,快速开发专业水准大屏。 Astro大屏应用专业版:基于平台高阶组件、自定义组件能力,高度还原设计稿大屏。 Astro大屏应用企业版:适用于3D场景开发。 表1
边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 播放器设置 视频地址:视频的URL地址,仅支持H.264(视频)和 AAC / MP3(音频)格式的视频源。 封面图片地址:视频封面图片的URL地址。 是否循环播放:是否循环播放视频。 是否自动播放:打开页面后是否自动播放视频。
name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面中,添加该组件时的默认宽度,单位为“px”,不填写默认为“200px”。 heig
加“<iframe src="URL" ></iframe>”。 图5 增加大屏访问地址 其中,“URL”为待嵌入大屏的访问地址。在大屏发布页面,单击,即可获取,如图6。 图6 获取大屏URL地址 图7 大屏嵌入效果 如果在浏览器无痕模式下预览页面,请确保“阻止第三方Cookie
实例化代码块:和初始化代码块类似,实例化代码块的目的是构造echarts setOption所需要的option对象(setOption对象平台会自动执行)。AstroCanvas提供了上百种echarts组件,本质上是不同的实例化代码,这些实例化代码来自echarts官网的dem
同一租户下可配置组织划分,可以根据群体权限隔离,支持独立空间管理大屏。 预置400+各类组件,配合自定义组件能力,实现用户多样数据可视化诉求。快捷配置帮助用户轻松调整布局。 平台预置丰富模板,凝聚最佳实践,帮助用户快速完成大屏创建,实现数据可视化、运作数字化。 通过预置交互事件+交互动作,零代码实现丰富组件交付场景
在左侧导航栏中,选择“我的组件”,单击“添加组件”,进入添加组件页面。 单击,选择新建并开发自定义组件中自定义的组件包BarGraph.zip,填写基本信息,单击“保存”。 图1 上传自定义组件BarGraph 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称,系统会根据组件包名称自动填充。
Condition 方法 API接口的HTTP方法。 GET:请求服务器返回指定资源。 PUT:请求服务器更新指定资源。 POST:请求服务器新增资源或执行特殊操作。 DELETE:请求服务器删除指定资源。 PATCH:请求服务器更新资源的部分内容。当资源不存在时,PATCH可能会去创建一个新的资源。
AstroCanvas目前支持的实例版本有:Astro大屏应用基础版、Astro大屏应用专业版和Astro大屏应用企业版。 Astro大屏应用基础版:基于平台预置模板、基础组件,可快速开发专业水准的大屏。 Astro大屏应用专业版:除了具备基础版本的能力,还提供了高阶组件、自定义组件能力,高度还原设计稿大屏。
的字段“url”,单击“确定”。 图3 赋值 单击“+响应动作”,选择“页面跳转”,跳转到外部页面,外部页面地址引用全局变量,设置为“${url}”,弹出新窗口打开页面地址,单击“确定”。 单击“完成”,设置后用户在单击柱图数据时,会跳转到数据集中设置的具体url页面。 图4 设置页面跳转