检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
自定义背景组件 本章节主要介绍自定义背景组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色:单击颜色编辑器设置背景颜色。 背景图:设置组件的背景图片,您可以从本地上传图片素材。
本章节主要介绍仪表盘组件各配置项的含义。 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 仪表盘 全局样式 设置仪表盘中文字的字体、仪表盘大小、分割数。 标题 设置仪表盘中标题的字号、字体粗细、字体颜色。 轴属性 轴线:设置轴线的粗细。 轴刻度:设置轴刻度的长度、粗细、颜色。
本章节主要介绍WT双轴折线柱图组件各配置项的含义。 图1 WT双轴折线柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 字体:组件中文本的字体。 柱子样式 柱子宽度:柱子的宽度。 柱子圆角度:柱子的圆角度。 系列间距:两个相邻的系列之间的距离。 边距
字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。 字体粗细:单击下拉选项设置表头文本的字体粗细样式。 行配置 奇行背景色:单击颜色编辑器设置奇行表格的背景色。 偶行背景色:单击颜色编辑器设置偶行表格的背景色。 序列号
将在散点处显示所选字段的值。 字体:标签的字体。 颜色:标签的颜色。 字号:标签的字号。 字体粗细:标签的字体粗细。 位置:标签相对于散点的位置。 水平偏移:距离所设置的“位置”的向右的水平偏移,单位为px。 垂直偏移:距离所设置的“位置”的向下的垂直偏移,单位为px。 图16 标签
value:节点路径的值。value值越大,矩形框所占的面积越大。 children:子节点,包含“name”和“value”两个字段。 name:子节点的名称,子节点的名称会显示在大屏矩形框中。 value:子节点的权重值,value值越大,子节点矩形框所占的面积越大。 数据源类型:
预览大屏 大屏开发过程中,您可以通过预览功能查看大屏的显示效果。 预览大屏的入口有如下两个: 在大屏开发页面右上方,单击预览图标。 图1 预览大屏(入口一) 在“我的大屏”页面,找到需要预览的大屏,将鼠标移动至该大屏图标之上,界面上将显示大屏的管理按钮,单击预览按钮。 图2 预览大屏(入口二)
藏文字标签。 字体:设置标签的字体。 字号:设置标签的字号。 颜色:设置标签的字体颜色。 字体粗细:设置标签的字体粗细。 位置:设置标签的位置。 连接线 颜色:设置连接线的颜色 粗细:设置连接线的粗细程度。 长度:设置连接线的长度。 类型:设置连接线的类型,可以设置为实线、虚线、点划线。
若选择类型为单选,初始化值和“数据”页签中的id是一致。例如初始化值为1,Tab1列表会点亮。 若选择类型为多选,初始化值和“数据”页签中的id是一致。初始化值可设置为多个,例如“1;2”,Tab1和Tab2的列表都会点亮。 标签配置 字号:设置组件文本的字号大小。 字体颜色:设置组件文本的字体颜色。 字体粗细:设置组件文本的字体粗细。
组件区 在组件区,DLV提供了丰富的组件,用户可以选择所需要的组件添加到画布中。关于组件的详细介绍,请参见组件概述。 2 图层区 图层区可以显示大屏中的各个图层的名称及缩略图,这样可以方便查找图层。关于图层管理的详细介绍,请参见管理图层。 3 画布 大屏的画布。 4 画布缩放控制条 使
拷贝组件 本章节介绍如何拷贝画布中的组件,拷贝后的组件包含原组件的样式、数据、交互配置信息。 操作步骤 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 右键单击画布中的某一个组件,选择“拷贝”,或在图层区右键单击选中某一个组件,选择“拷贝”
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对
本章节以Tab列表和线状图配合使用为例,介绍组件的交互配置。在DLV中组件交互配置是指某个组件在响应用户操作或者自动触发更新时,向其他组件传递参数,这个参数可以在其他组件中作为数据查询时的动态变量。当组件的“交互”页签支持勾选开启交互功能的事件及参数配置时表示该组件支持交互功能,否则不支持交互功能。
DLV支持API方式连接企业数据源吗? 目前DLV支持以API的方式连接外部数据源:在组件的数据配置里选择API数据源,并填入要连接的URL,即可与对端建立连接从而获取数据。如果遇到跨域问题,请在对端设置头信息Access-Control-Allow-Origin,放通权限。
开发大屏前,您需要先了解DLV的使用流程,如图1所示。流程中所有操作都可以在DLV控制台完成。 图1 使用流程 建数据连接:连接数据大屏所需的数据源,如果您使用的是静态数据,请跳过该步骤。 建数据大屏:使用模板来创建数据大屏。 编辑数据大屏:对数据大屏进行开发,包括组件的样式、数据、交互配置,以及图层管理。
字体:设置组件中文本的字体样式。 字号:设置组件中文本的字号大小。 颜色:单击颜色编辑器设置组件中文本的颜色。 字体粗细:单击下拉框设置组件文本的字体粗细样式。 格式化:设置组件中时间显示的格式。 数据 此组件没有数据事件。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。