检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置页面的背景图片或者颜色。选择图片作为背景时,支持使用系统预置的图片或上传本地的图片作为背景。 图4 设置背景颜色 图5 选择背景图片 封面 设置大屏、移动端页面的封面,支持截取当前页面为封面或上传本地的图片作为封面。 图6 设置封面 父主题: 页面管理
如何设置内容安全策略 大屏页面嵌入第三方系统时(例如以iframe形式嵌入),如果涉及跨域访问,请开启内容安全策略。设置内容安全策略的主要目的是减少和报告XSS攻击,缓解跨站脚本攻击。除限制可以加载内容的域,还可指明哪种协议允许使用,缓解数据包嗅探攻击。 设置内容安全策略 参考创建页面中操作,创建一个大屏页面。
echarts组件自定义事件交互设置 echarts组件作为触发器的事件时,可以在自定义事件中设置。 自定义事件交互设置 在大屏设计页面,从Echarts图表中拖拽一个折线图堆叠组件到画布中。 图1 拖拽折线图堆叠组件到画布中 选中折线图堆叠组件,单击。 在自定义事件中,单击“新
如何在数据集或跳转事件动作中设置变量 在组件的数据集或组件的跳转事件动作中,是支持设置变量的。 在数据集或事件动作中设置变量 在大屏编辑页面上方,单击,新建并设置页面级全局变量。 例如,新增全局变量“url”,设置变量说明为“数据详情页面URL”。 图1 新增全局变量 从“全部组件
面,打开“设置页面参数”开关,设置参数。 配置效果:在发布后的页面中,单击“多区域折线图”组件,会跳转到新页面,之前页面的全局变量“status”赋值到参数“alarmStatus”中,将“alarmStatus”传递到新打开的页面中,实现不同页面间传参。 图1 设置交互事件动作
自定义组件时,如何设置交互事件的输出变量 操作场景 开发者自定义组件时,可设置交互事件的输出变量,如图1所示,华为云Astro大屏应用支持将事件的输出变量(如“selectValue”)绑定页面级的全局变量(如“status”)。 图1 事件输出参数绑定全局变量 实现逻辑 自定义
单位字体:设置单位的字体、大小和颜色。“单位”设置为“显示”时,才会显示该参数。 动画设置 动画类型:设置翻牌器动画类型,支持普通类型、滚动类型和翻牌类型。 动画时间:设置动画时间,取值范围为[200, 100000],单位为ms。 单次变换间隔:设置动画单次变换间隔时间,取值范围为[50
图观端场景编辑器 配置 在配置中,为图观端场景编辑器设置容器名称和场景地址。 图2 图观端场景编辑器配置 容器名称:设置容器的名称,命名必须唯一。名称是组件的唯一标识,设置后其他3D组件会通过这个标识,识别到这个容器,并在容器上进行渲染。 场景地址:设置渲染的3D场景地址。 选择场景:单击“选
左右偏移量:设置详情的左右偏移位置,单位px。 状态 上下偏移量:设置状态的上下偏移位置。 左右偏移量:设置状态的左右偏移位置。 时间 上下偏移量:设置时间的上下偏移位置。 左右偏移量:设置时间的左右偏移位置。 数据系列 显示碑节点样式:是否显示碑节点样式。 默认状态样式:设置碑节点的
的使用截止时间与主资源的截止时间保持一致。在使用华为云Astro大屏应用过程中,当页面数达到上限时,可通过购买页面扩容包来增加页面数。 页面扩容 参考购买华为云Astro大屏应用实例中操作购买实例,在已购买的实例中单击“操作 > 页面扩容”。 图1 单击页面扩容 设置扩容页面的个数,单击“去支付”。
checkbox 多选 颜色类型 colorpicker 颜色选择器 时间日期类型 time 时间选择器 下拉选择类型 select 下拉选择 循环类型 list 循环 config配置示例 config配置示例如下,设置后效果如图1所示。 { migrateFrom: 'advancedSettings'
滚动条:是否显示滚动条,如自动或隐藏。 切换配置 切换箭头:是否显示页面切换箭头。 切换方向:设置页面切换方向,如水平、垂直。 切换方式:设置页面切换方式,如淡出、推出、展示等。 自动播放 自动轮播:设置轮播方式,支持手动和自动。 间隔时间:设置轮播的间隔时间,不大于24秒。 分页配置 分页标志:是否显示分页标志。
字体:城市名字的字体、大小和颜色等设置。 今日天气 是否显示:是否显示今日天气。 字体:今日天气的字体、大小和颜色等设置。 当前星期 是否显示:是否显示当前星期。 字体:今日星期的字体、大小和颜色等设置。 当前日期 是否显示:是否显示当前日期。 字体:今日日期的字体、大小和颜色等设置。 当前时间 是否显示:是否显示当前时间。
轮播配置 在轮播配置中,设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片:设置轮播组件的图片。 填充方式:设置图片填充方式,支持填充、包含、覆盖和无。 切换 切换方向:设置图片切换方向,如水平、垂直。 切换方式:设置图片切换方式,如淡出、推出、展示等。
其它”中,拖拽“按钮组件”组件至画布空白区域,如图1所示。 图1 按钮组件 配置 在配置中,设置按钮快捷样式和基础样式。 图2 按钮配置 快捷样式设置:设置按钮的样式,如常规按钮、强调按钮、文字按钮等。 基础样式设置 按钮:按钮状态,分为启用和禁用。 内容:按钮显示文字,如保存。 默认文字:按
据或瞬时数据。 查询周期:设置查询时间的周期,某一个时间段内或某个时间点。 最大采样点数:设置查询数据的个数,取值范围为[1, 10000]。假设,查询周期设置为过去的3小时,最大采样点数设置为100,则每108秒(3小时*60分*60秒/100)返回1个数据点。 图3 查询过去三小时的数据
问号大小:设置问号的大小。 问号颜色:设置问号的背景颜色。 气泡位置:设置提示气泡的显示位置,如右上方、正上方。 提示背景:设置提示气泡的背景颜色。 新增条件格式:单击“新增条件格式”,可设置条件和响应数据列的样式。如何新增条件格式,请参见新增条件格式。 数据 在数据中,设置文本编辑
全局样式 排行榜行数:设置排行榜的行数。 背景色:设置排行榜背景的颜色。 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。 表头设置 显示表头:是否显示表头。 表头行高占比(%):设置表头的行高占比。 背景色:设置表头的背景颜色。 对齐方式:设置表头的对齐方式,如水平居中、居左和居右。
日期的背景色。 日期弹出框内星期时间设置 星期背景色:日期弹出框内,星期几的背景色。 星期的字体颜色:日期弹出框内,星期几的字体颜色。 时间背景色:日期弹出框内,时间的背景色。 时间的字体颜色:日期弹出框内,时间的字体颜色。 数据 在数据中,设置日期选择器组件的数据来源,更多介绍请参见数据接入。
field) focus focus 在输入框失去焦点时触发 (value, data, field) 配置示例 textarea配置示例如下,设置后效果如图1所示。 { type: 'textarea', name: 'commProps.myTextarea', value: