检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
属性。 标题内容:设置标题的内容。 标题字体:设置标题的字体、颜色和大小等。 内边距:设置图表和组件边框之间的距离,单位为px。 配置 在配置中,设置趋势的对齐方式、数值、趋势数字和图标。 图4 趋势配置 统一配置 > 对齐方式:设置组件的对齐方式,支持左对齐、居中和右对齐。 数
图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频组件的视频地址、视频封面、视频播放等。 图4 视频配置 视频 视频地址:视频的URL地址,视频支持格式有MP4、OGG、MOV和WEBM。 封面:选择图片,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JP
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置指标组件的对齐方式、数值和前后缀。 图6 指标配置 统一配置 > 对齐:设置指标的对齐方式,如左对齐、居中和右对齐。 数值:指标是否显示数值,设置为“显示”时,可设置如下属性。 千分逗号:开启后,数值千位后将添加“,”符号。
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置地图组件的基本信息、地图控件和地图控制,如是否显示比例尺、是否支持缩放、拖拽等。 图4 OpenLayers地图配置 地图基本配置 地图链接:输入地图的链接。 切片大小:设置地图瓦片(Tile)的尺寸。 坐标系
左、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置视频流组件的视频流地址、视频流类型等。视频流组件中,配置项的配置高于数据配置。 图4 视频流配置 视频流地址:视频流的URL地址。 视频流类型:视频流的协议类型,目前平台内支持的视频流类型为HTTP-FLV、
文本位置:设置标题文本位置。 字体:设置标题的字体、大小和颜色等。 配置 在配置中,设置组件的全局样式、表头、行和序列号。 图4 排行榜配置 全局样式 排行榜行数:设置排行榜的行数。 背景色:设置排行榜背景的颜色。 自动轮播:是否开启自动轮播功能。开启后,支持设置轮播速度和单行停顿时间。 表头设置 显示表头:是否显示表头。
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的日期选择器的类型、输入框边框字体设置等。 图4 日期选择器配置 日期选择器的类型:支持年选择器、月选择器、日选择器、多个日期选择器、周选择器和带时间的日选择器等。 输入框边框字体设置 输入框字体:输入框中字体的大小、颜色等设置。
参考模板:系统预置的组件样式模板,如默认、带标记模板等。 图表背景:设置图表的背景颜色、圆角和内边距。 配置 在配置中,可以开启或关闭组件的轮播效果。开启轮播效果后,轮播时间间隔不能超过24秒。 图6 区域图配置 图形 图形是指组件中,实现数据可视化的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。
getProperties 获取该组件配置的属性值,组件接入配置数据时必须使用。 getContainer 获取渲染该组件的容器dom节点。 getWidgetBasePath 获取该组件静态资源的根路径,用来拼接组件内部的其他静态资源。 getMessages 获取该组件国际化配置文件中定义的国际化
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置组件的样式、颜色和对齐方式。 图4 复选框配置 样式设置:设置勾选框的样式,支持圆角、方形和圆形。 颜色设置 字体颜色:未选中状态下,选项字体的颜色。 背景颜色:选项背景的颜色。 选中态背景颜色:选中状态下,选择框背景的颜色。
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置分割线的颜色。 图4 分割线配置 交互 在交互中,配置分割线组件与其他组件或页面之间的交互能力。交互设置更多介绍,请参见交互设置。 父主题: 装饰
右边距:进度条到组件边框右侧的距离。 下边距:进度条到组件边框底部的距离。 左边距:进度条到组件边框左侧的距离。 配置 在配置中,设置组件的模板、是否显示标题等。 图5 进度条配置 参考模板:系统预置的进度条模板,单击默认或参考配色模板可进行切换。 组件标题 设置标题:是否显示组件标题。
{}); eventConfig:组件事件描述配置项,用来扩展给全局变量使用。 classfication:组件的配置项分类。 propertiesConfig:负责组件配置页面中,右侧的属性配置逻辑。 create(必须配置):组件内置的扩展,仅在组件首次被创建时调用一次。
锁定/解锁组件 操作场景 通过锁定功能,锁定多个可视化页面中已配置完成的组件,使之不被随意改动。 组件锁定后,不受可视化页面布局过程中的其他操作影响。 组件锁定后,无法在画布上对组件进行任何操作,直到解锁后才能恢复。 组件锁定后,可避免组件过多引起的误操作。 锁定组件 参考登录华
描述:新建数据集的描述信息,通常设置为数据集的功能。 新增静态数据,支持导入Excel/CSV和手工输入两种方式来新增数据。 手工输入:在右侧数据配置页面,单击,输入对应数据。如果需要添加列或行,可单击“添加列/行”,新增列和行。如果需要删除某些行,可以先选中待删除的行,再单击“删除选中行”。如果需要清除所有内容,可单击“清除列表”。
、右,如图2)的距离,默认为0,即铺满整个组件。 配置 在配置中,设置搜索框和搜索按钮。 图4 搜索框配置 搜索框设置 字体:搜索内容的字体大小、颜色等设置。 背景颜色:设置搜索框的背景颜色。 边框颜色:默认状态下,搜索框边框的颜色。 边框聚焦颜色:鼠标选中搜索框时,边框的颜色。
即铺满整个组件。 配置 在配置中,设置组件的年月日、背景颜色和时间条颜色等。 图5 天气配置 统一配置 是否显示未来天气预测:是否展示未来一周的天气预报。 背景颜色:天气预报的背景颜色。 今日温度 是否显示:是否显示今日温度。 字体:今日温度的字体、大小和颜色等设置。 天气图标
render中抽取的独立逻辑,基于默认prop和组件配置的props进行融合处理,并返回。 建议实现。 initI18n 初始化组件message-en/message-zh的多语言信息,统一注册到独立的i18nVue实例中,供组件获取桩数据、获取默认配置、初始化组件统一使用。 建议实现。 initReaderVm
应变化。 图8 配置组件交互事件 在页面中拖入并设置多区域折线图组件。 从左侧全部组件中,搜索并拖拽“多区域折线图”,到下拉选择框组件下方。 设置组件标题为“告警分布情况”。 图9 设置组件标题 在组件上方单击,配置组件数据。 数据配置中选择“数据集”,选择4配置的“getWar
整个组件。 轮播配置 在轮播配置中,设置轮播页面的切换配置、自动播放和分页配置等。 图4 轮播页面轮播配置 轮播设置 页面:添加轮播的页面,可以选择本项目内的页面,也可以选择外部页面,但添加的页面数不能超过10个。 滚动条:是否显示滚动条,如自动或隐藏。 切换配置 切换箭头:是否显示页面切换箭头。