检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
进入大屏开发页面。 图1 编辑大屏 从左侧组件库中选择一个组件,例如“柱状图”,该组件将出现在画布中。单击该组件,再单击屏幕右侧的“数据”面板。 在“数据”面板中,设置“数据源类型”为“静态数据”。 图2 静态数据源 将JSON格式的静态数据粘贴在下方的数据编辑区域中。 图3 编辑静态数据
字体粗细:设置标签的字体粗细。 位置:设置标签的位置。 连接线 颜色:设置连接线的颜色 粗细:设置连接线的粗细程度。 长度:设置连接线的长度。 类型:设置连接线的类型,可以设置为实线、虚线、点划线。 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的字号、字体颜色、字体粗细。
页面。 进入大屏开发页面后,在左侧的组件列表中,将鼠标移至某一个组件类别,单击其中某个组件的图形按钮,即可将该组件添加到大屏中。 例如,单击下图所示的“常用图表 > 气泡图”图形按钮,可将气泡图添加到大屏中。 图2 选择组件 单击画布中的组件,在右侧选择“样式”页签,显示和配置组件的样式。
行高:输入数值或拖动,调整文字的每一行之间的间距。 首行缩进:输入数值或拖动,调整文字的每一行之间的间距。 数据 value:大屏中显示的文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器
最大值:单击设置视觉映射的最大值。 填充颜色:单击颜色编辑器设置视觉映射时的颜色。 映射显示:单击“映射显示”右侧的勾选框,表示显示映射,表示隐藏映射。 映射类型:单击下拉框选择映射类型,可设置为分段型或连续型。 方向:单击下拉框选择映射的方向,可设置为水平或垂直。 宽度:输入数值或拖动设置映射时的宽度。 高度:输入数值或拖动设置映射时的高度。
图表位置:设置图表在画布中的位置。单位为px。 图1 表格轮播 全局样式 表格行数:输入数值或单击设置表格的显示行数。 轮播:勾选时,会进行表格轮播。未勾选时,表格的内容不会进行轮播,当表格数据超过“表格行数”所指定的显示行数时,表格会显示滚动条,您可以通过滚动滚轮查看表格数据。 动画类型:单击下
时间间隔:输入数值或单击设置播放的时间间隔。 定速播放:勾选时,组件文本会定速播放。输入数值或单击可设置定速播放的速度。 数据 value:大屏中显示的跑马灯文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
"url": "" } ] description:图片的描述。 url:图片的地址。支持OBS桶中的图片地址,OBS桶中的图片需设置为公共读策略。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换
地理搜索 本章节主要介绍地理搜索组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 地理搜索 样式 提示文本:组件的提示输入信息。 adcode显示:勾选时将显示地理位置的编码。 字号:设置组件文本的字号大小。
children:子节点,包含“name”和“value”两个字段。 name:子节点的名称,子节点的名称会显示在大屏矩形框中。 value:子节点的权重值,value值越大,子节点矩形框所占的面积越大。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。
边框 本章节主要介绍边框组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 边框 样式 设置边框的样式,系统已预置多种样式供用户选择。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。
环形柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 图形属性 柱间间距:环形柱子之间的距离,单位为px。 最大弧度:环形柱子的最大弧度,即环形柱图中数值最大的环形柱子的弧度,其他环形柱子根据数值大小弧度按比例递减。当设置为360
发页面。 在大屏开发页面中,您可以根据业务需求设计和开发大屏,完成添加组件、页面布局、关联数据源和发布大屏等操作。 图1 大屏开发页面 表1 功能区说明 序号 功能区 描述 1 组件区 在组件区,DLV提供了丰富的组件,用户可以选择所需要的组件添加到画布中。关于组件的详细介绍,请参见组件概述。