检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
EchartsWidgetTemplate 基于Echarts实现的一个柱状图组件模板,包含基本配置项、单击系列的事件交互、数据对接等能力。 SelectWidgetTemplate 基于elmentUI和Vue2实现一个通用的下拉框组件模板,包含基本配置项、交互、数据对接等能力。 widgetVueTemplate
render中抽取的独立逻辑,基于默认prop和组件配置的props进行融合处理,并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息,统一注册到独立的i18nVue实例中,供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm
数据源:选择DLI数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 标签:SQL作业的标签。单击“标签”后的“展
才会显示对应的按钮。 图标色:设置按钮的图标颜色。 图标选中色:设置选中按钮时,按钮图标的颜色。 配置 在配置中,设置组件的全局样式、表头设置、行、序列号等。 图6 高级表格配置 全局样式 背景色:设置表格的背景颜色。 表格行数:设置当前表格可视高度展示的数据行数。 边框:设置表格的边框样式。
参考模板:系统预置的组件样式模板,如默认、带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。 图6 多折线图配置 轮播:是否开启轮播效果。 轮播类型:设置图表的轮播类型,支持按照数据系列轮播和按照X轴数据轮播。 图7 数据系列轮播效果
华为云Astro大屏应用私有化部署 私有化部署安装指导 私有化部署升级指导
示。 边距:组件中视频距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,
在大屏开发页面,单击页面上方的,保存页面。 保存成功后,单击页面上方的,进行页面发布设置。 打开发布链接。 图1 打开页面发布链接 在访问限制中,配置内容安全策略。 例如,将A市交通管理大屏嵌入第三方系统,如图2所示。 图2 安全策略设置样例 其中,“frame-ancestors”为固
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 双向柱图图形 颜色:设置图表中,图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:设置柱条的圆角。 柱条宽度:柱状条相对于X轴单位间隔的宽度,取值范围[1
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
自定义组件开发规范 代码结构介绍 组件配置项(Config配置) 组件内置API 组件数据接入 组件交互
边距:组件中视频流距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图7 折柱图图形 颜色:设置图表中图形的颜色。 统一配置 水平堆叠:是否堆叠显示(多数据系列效果)。 横向柱条:是否横向柱条效果显示。 柱条圆角:柱状条边框圆角设置,取值为“0”时为直角,“100”为圆角。
selectConfObj.selectValue = value; } this.advanceEditvm?.save(); }, // 更新组件配置 setWidgetProperties: function (selectConfObj) { magno.savePropertiesForWidget({
标题显示:是否显示标题。 标题内容:设置标题内容,如完成率。 标题字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的基本配置和进度条配置。 图4 图标进度条配置 基本配置 数字显示:是否显示数字。 数字位置:设置数字的显示位置,如左、居中或右。 数字字体:设置数字的字体、大小和颜色等。
数据源:选择华为云Astro轻应用数据源中,创建的数据源。 目录:设置数据集的存放目录,配置为(可选)新建目录中新建的目录,也可以直接单击“新增目录”,新建一个目录。 责任人:数据集的创建人。 描述:新建数据集的描述信息,通常设置为数据集的功能。 配置数据集参数。 图2 创建数据集 应用:选择华为云Astro轻应用中具体的应用。
是否静音:播放视频时是否静音。静音后,在播放视频时无法调整音量。 数据 在数据中,设置FLV视频播放组件的数据来源,更多介绍请参见数据接入。 交互 在交互中,配置FLV视频播放组件与其他组件或页面之间的交互能力。更多交互介绍,请参见交互设置。 父主题: 媒体
展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 分割线配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
大屏应用界面。 在主菜单中,选择“数据中心”。 在左侧导航栏中,选择“数据源”。 在数据源管理页面,单击“新建数据源”。 选择“DWS”,配置数据源参数。 图1 新建DWS数据源 数据源名称:数据源的名称,用于标识该数据源。长度为1~32个字符,可包括中文、字母、数字及下划线,且不能以下划线开头或结尾。
图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 基本饼图图形 颜色:设置图表中,图形的颜色。 统一配置:统一配置中设置的内容,对图表中所有数据系列均生效。 数据系列:图表是否显示数据系列。 南丁格尔图:是否使用南丁格尔图。 内半径:设置饼图内半径的值,单位%。