检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
通用设置 在通用设置中,可以设置网页图标、开启页面加载动画等功能。 项目通用设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。
“数据类型”选中“数据集”,并选择所需的数据集。 在全局变量配置中,绑定8中的全局变量,并给全局变量赋值。 图5 绑定全局变量 在组件预览中,从“表格字段”中拖拽对应的字段到“配置”中,并单击“保存”。 返回大屏设计页面,单击,再单击。 在预览页面,单击折线图堆叠图表中的系列,页面的全局变量将被设置为参数seriesIndex的值。
组件设置 在组件设置中,查看并管理当前项目中已引用到的所有组件。 组件设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。 在主菜单中,选择“项目设置”,进入项目设置页面。 参考设置项目锁中操作,获取项目锁。
echarts组件自定义动作交互设置 echarts组件作为响应器的动作时,可以在自定义动作中设置。 自定义动作交互设置 选中某个echarts组件,单击。 在自定义动作中,单击“新增自定义动作”,修改动作名称为“设置数据高亮”。 图1 新建自定义动作 在动作实现中,输入如下代码,调用echarts提供的动作API。
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
资源设置 库是支撑页面组件运行的第三方依赖,如果缺少相应的库,则组件不能正常运行。在项目的资源设置中,您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中,单击已创建的项目,进入项目。
如何设置分享码 华为云Astro大屏应用支持设置页面分享码,设置后,需要校验分享码才可正常访问页面,以提高安全性。 设置分享码 进入已开发好的页面。 在页面工具栏中,单击,保存页面。 保存成功后,单击,打开“发布链接”开关。 图1 打开发布链接(新建项目) 图2 打开发布链接(已有项目)
导航”中拖拽“选项卡”组件到“自定义背景框”中。 图2 拖拽选项卡到自定义背景框组件中 增加选项卡组件的选项卡数量,并设置选项卡名称。 选中选项卡组件,单击组件上方的。 在选项卡设置中,将“选项卡数量”设置为4。 图3 增加选项卡数量 修改选项卡的名称。 图4 修改选项卡名称 调整矩形装饰和选项卡组件的相对位置。
图3 适应方式 背景 设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: 页面管理
如何设置页面间参数传递 华为云Astro大屏应用开发中,可通过设置组件的事件和动作属性来实现组件与组件、组件与页面之间的交互。在组件的交互响应事件中,可通过“页面跳转”响应动作传递页面参数。当跳转页面时,当前页面参数会传入到打开的页面中,支持自定义传参为固定值,也可绑定页面级全局变量。
在主菜单中,选择“项目设置”,进入项目设置页面。 在页面右上角,选择“编辑项目”。 获取项目编辑权限后,可对项目进行通用设置、组件设置、资源设置和健康检查设置等。 设置完成后,单击“保存”,即可释放项目锁。 您也可以单击页面右上角的“退出项目设置”,释放项目锁。 父主题: 项目管理
如何设置内容安全策略 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。
log($pageStore); 单击页面上方的,保存页面。 单击,在预览页面,设置日期选择器的开始时间和结束时间。 图4 预览效果 设置完成后,按F12,在“Console”页签,即可获取查看eventParam。 图5 eventParam data:保存最详细的动作信息对象。 图6 查看data
如何设置Token认证 在华为云Astro大屏应用中,通过设置Token认证,可以对大屏交互时传递的参数进行签名鉴权,保证大屏的URL访问链接的参数不能被篡改,从而提高大屏数据以及用户信息的安全性。使用Token签名验证功能需具备的条件及背景介绍,请参见华为云Astro大屏应用分享页Token签名校验使用说明。
设置空间页面配额 空间创建后,支持为该空间设置页面配额。 调整配额 租户管理员参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 将鼠标放在页面右上方的“默认团队空间”上,选择新建工作空间中创建的工作空间,切换到目标工作空间。 在目标工作空间中,单击页面数量下方的“调整配额”。
设置项目封面 项目创建后,支持设置项目封面。项目中创建的第一个大屏页面,为项目的默认封面。 设置项目封面 参考登录华为云Astro大屏应用界面中操作,登录华为云Astro大屏应用界面。 在“项目列表”中,单击对应项目上的。 设置项目封面,单击“确定”。 图片默认为匿名可访问,请勿上传包含敏感数据的图片。
数”,设置为“变量参数”时,参数值可以设置为全局变量。设置后,跳转页面的地址中会带上此处设置的参数,格式为“跳转页面URL?参数名=参数值”。 图5 设置为固定参数 图6 设置为变量参数 图7 跳转页面地址中会带上设置的参数 在页面一中,选中基本饼图,单击组件上方的,设置基本花饼图和页面三之间的交互。
选中实心圆饼图,单击,进入交互设置页面。 设置实心圆饼图和下拉选择框之间的交互动作。 在作为触发器中,单击“+ 交互事件”,选择“当点击数据时”。 在响应动作中,单击“+ 响应动作”,选择“组件响应”。 在动作详情中,设置具体的响应动作。 本示例中,通过选择事件参数,来控制组件值的变化,即单击实
图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按钮显示文字的字体、文字粗细、文字大小、文字颜色。