检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 内边距:设置图表和组件边框之间的距离,单位为px。 配置 在配置中,设置趋势的对齐方式、数值、趋势数字和图标。 图4 趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。 数值:图表中是否显示数值,设置为“显示”时,支持设置如下属性。
参考模板:系统预置的组件样式模板,如默认、极简等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。开启轮播效果后,轮播时间间隔不能超过24秒。 图6 基本折线图配置 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
示。 边距:组件中视频距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,
边距:组件中视频流距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的
标题设置:是否显示标题,设置为“显示”时,支持设置如下属性。 标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 配置 在配置中,设置多趋势组件的数值、主要趋势和次要趋势等。 图4 多趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。 数值:趋势中是否显示数值,设置为“显示”时支持设置如下属性。
在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
华为云Astro大屏应用私有化部署 私有化部署安装指导 私有化部署升级指导
自定义模板:当前账号下发布的模板,如何将当前页面发布为模板,请参见发布为模板。 如果安装的是安全云脑类大屏,进入大屏页面后,您还需要根据实际情况设置全局变量和数据源等信息,如图2、图3。 图1 输入项目名称和页面标题 图2 配置全局变量 图3 设置数据源信息 通过模板新建页面 参考登录华为云As
示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。
在项目列表页面,单击“导入项目包”。 图3 导入项目包 选择1.h中导出的项目包,单击“打开”。 导入成功后,在项目列表中,可查看到已导入的项目。 父主题: 发布及安装项目
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 分割线配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
是否静音:播放视频时是否静音。静音后,在播放视频时无法调整音量。 数据 在数据中,设置FLV视频播放组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 媒体
时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置图标的颜色。 图4 图标配置 交互 在交互中,配置图标组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,进行自定义属性设置。 图4 全屏配置 全屏图片链接:要切全屏时图片的链接。 展开图片链接:展开时图片的链接。 内边距:图片和组件边框之间的内边距,单位为px。 交互 在交互中,配置全屏组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。
特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右)的距离(参见图2),默认为0,即铺满整个组件。 轮播配置 在轮播配置中,设置轮播图片组件的图片、切换、播放和定位显示。 图4 轮播图片轮播设置 轮播设置 图片:设置轮播组件的图片。 填充方式:设置图片填充方式,支持填充、包含、覆盖和无。
转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体:搜索内容的字体大小、颜色等设置。 背景颜色:设置搜索框的背景颜色。 边框颜色:默认状态下,搜索框边框的颜色。
认为0,即铺满整个组件。 标题:是否显示组件标题。设置为显示时,支持设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图4 时间展示配置 年月日 显示:是否显示年月日。 字体:设置年月日字体、颜色和大小等。 时间 显示:是否显示时间。 字体:设置时间字体、颜色和大小等。
参考线是指为图表组件添加可视化的参考标准,为图表中数据提供具体的参考依据。 组件数据来源 组件是大屏页面的组成元素,配置页面数据即为配置组件数据。选中组件,单击组件上方的,可配置组件在页面呈现数据的来源,更多介绍请参见数据接入。 图4 配置组件数据 组件交互 华为云Astro大屏应用为组件设计了事件-动作机制实现组件