检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置Token认证:通过设置Token认证,可对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不会被篡改,从而提高大屏数据及用户信息的安全性。 设置内容安全策略:大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
配置地图组件。 选中组件,单击组件上方的,设置组件数据来源。 在全局变量中,选择3中创建的全局变量hotSelect。 图4 选择全局变量hotSelect 在组件预览中,从表格字段中,拖拽对应的字段到配置中。 设置完成后,单击“保存”。 选择地图组件,单击组件上方的,显示热力图层,数据标题设
单击,在查找框中搜索“Astro轻应用”,单击查找到的结果,进入华为云Astro轻应用服务控制台。 在主页中,单击“进入首页”,进入应用开发页面。 单击主页中的“业务大屏”,或者左侧导航栏中的“业务大屏”,进入业务大屏界面。 单击待导出项目上的,进入项目发布页面。 将鼠标放在对应的版本上,单击。 图1 单击下载图标
视图切换 操作场景 通过视图切换功能,可将页面中的组件切换为列表或卡片样式。 列表:展示了所有组件的icon和标题,方便组件的快速查找。 卡片:展示了组件的初始化样式和标题,方便组件的预览和图层位置的调整。 切换图层 参考创建页面中操作,创建所需的页面。 选择“图层”,进入图层页面。 当
widegtApi > name:组件的名称,如“EchartsWidgetTemplate”。 widgetDescription:组件的描述信息。 authorName: :组件的作者信息。 width:在绝对布局高级页面中,添加该组件时的默认宽度,单位为“px”,不填写默认为“200px”。
通用配置示例如下,以global_SelectWidget组件为例,设置后效果如图1所示。本示例中的global_SelectWidget为华为云Astro大屏应用系统预置的下拉框组件,可在“我的资产 > 我的组件”中获取。 { type: 'tab', name: 'multiple',
新建转换器 转换器是对数据集数据的再加工,为了将数据和组件更好的结合,以达到最佳的视觉展示效果。 为了便于您更好的使用转换器,华为云Astro大屏应用为您提供了盘古助手工具。盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏
css 文件介绍 {widget}.css为组件的样式文件,在该文件中编写组件的CSS样式。 华为云Astro大屏应用的组件未进行打包编译,CSS样式可能存在互相影响的风险。因为,CSS选择器务必要加上组件id,通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 区域图图形 颜色:设置组件中,图表的图形颜色。 统一配置 折线类型:设置图形中折线类型,包括平滑和不平滑。 折线宽度:设置折线的宽度。 拐点尺寸:设置折线的拐点尺寸。 数据标签:是否显示数据标签,支持设置标签颜色。
背景色:设置分页背景颜色。 字体:设置分页的字体、大小和颜色等。 选中框颜色:设置选中分页时边框的颜色,包括每页/条的边框、选中当前页的填充色边框和前往第几页的边框。 分页框宽度:设置分页框的宽度,单位为px。 下拉框背景颜色:设置下拉框的背景颜色。 下拉框字体颜色:设置下拉框的字体颜色。 下拉框选中
企业对权限最小化的安全管控要求。 策略:IAM最新提供的一种细粒度授权的能力,可以精确到具体服务的操作、资源以及请求条件等。基于策略的授权是一种更加灵活的授权方式,能够满足企业对权限最小化的安全管控要求。 如表1所示,包括了华为云Astro大屏应用的所有系统权限。 表1 华为云Astro大屏应用系统权限
组件核心渲染API,负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件,负责组件在销毁期间的内存释放逻辑实现,需要把组件绑定的一些dom事件及全局的引用销毁。 是 initContainer render中抽取的独立逻辑,初始化
组件除了可以作为事件的触发器,还可以处理事件的响应动作,在响应动作中选择组件响应,就可以选择对应的组件响应动作,数据刷新、获取当前输入框值等都是组件的自定义响应动作。本章节将向您介绍,如何实现组件响应动作。 注册动作 在响应动作中,单击“响应动作”,在下拉框中选择对应的响应动作。 图1
什么是盘古助手 盘古助手是由华为研发的基于盘古模型的AI助手,可以根据用户的需求,灵活地生成转换器代码,快速接入数据至大屏。此外,盘古助手还擅长回答各类通用问答知识,无论是编程、技术咨询还是其他领域的问题,都能够帮助用户解决问题,提供准确、逻辑性强且友好的回复。 盘古助手具备优势 高效
大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见华为云Astro大屏应用分享页Token签名校验使用说明。 设置Token认证 进入已开发好的页面。 在页面工具栏中,单击,保存页面。
填写全局模板信息 名称:输入生成模板的名称,名称长度为1~32个字符,可包括中文、字母、数字及下划线。 描述:生成模板的描述信息,可按需进行设置。 发布方:设置模板的发布方。 发布模板库:设置模板库的语言,此处的语言是指模板库所在系统的语言。设置后在对应的系统语言模板库中,即可查看到该模板。
发布为模板 页面开发完成后,可将已开发好的页面发布为模板。在下次创建页面时,可直接使用该模板创建新的页面,减少重复开发,提高交付效率。 约束与限制 模板只能在当前环境的本租户下使用,而发布为全局模板中生成的模板可在当前环境的所有租户下使用。 将页面发布为模板 参考登录华为云Ast
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图例是指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 提示(悬浮提示)主要用于展示可视化图表组件,在具体维度节点的具体指标展示。 指标是指可视化组件中,对除可视化图形之外的具体补充
如何基于页面级的全局变量实现组件交互中实现的场景是:用户在“下拉选择框”中选择某个告警状态时,通过配置的交互事件将告警状态赋值给全局变量,“多区域折线图”组件呈现的数据来源于封装了华为云Astro轻应用某API接口的数据集,将该接口的入参与全局变量绑定,则“多区域折线图”组件呈现的告警数据会随着全局变量值变化而变化。