检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
系统为用户提供空模板和场景模板,用户可以根据实际场景选择相应的模板来创建大屏。DLV暂不支持创建或修改自定义模板的功能,如果您想基于已有的大屏创建一个新的大屏,您可以通过复制大屏或导入导出大屏的功能实现,详情请参见复制大屏和导入导出大屏。 本章节介绍如何通过空模板创建大屏,创建大屏前,您需要了解如下信息:
添加组件 创建大屏后,您可以在大屏上添加所需要的组件,DLV提供了丰富的可视化组件,帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面,单击“新建大屏”。 在新建大屏页面,从左侧的场景模板中选择一个模板,例如,选择空白模板。然后输入大屏名称。
藏文字标签。 字体:设置标签的字体。 字号:设置标签的字号。 颜色:设置标签的字体颜色。 字体粗细:设置标签的字体粗细。 位置:设置标签的位置。 连接线 颜色:设置连接线的颜色 粗细:设置连接线的粗细程度。 长度:设置连接线的长度。 类型:设置连接线的类型,可以设置为实线、虚线、点划线。
并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table_serie,从而使打开的超链接显示相应的详情页面。 图3 新建交互变量
在开放管理页面的应用列表中,找到所需要的应用,可以查看该应用的AppKey和密钥,鼠标移动到AppKey或密钥上,可以单击按钮进行复制。 图2 应用列表 用于集成到第三方系统的大屏URL 在第三方系统中集成DLV大屏时,大屏的URL地址要携带应用的AppKey和密钥。DLV大屏和组合
轴刻度:设置轴刻度的长度、粗细、颜色。 分割线:设置分割线的长度、粗细、颜色。 轴标签:设置轴标签的最大值、最小值、字号、字体粗细、字体颜色。 指针 设置指针的长度、宽度、颜色。 值标签 设置值标签的单位、字号、字体粗细、字体颜色、水平和垂直位置。 数据 如何使用组件的数据配置,请参照设置组件数据。
颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色 颜色:单击颜色编辑器修改各区域的颜色。
左右间距:可通过拖动或输入数值设置百分数值和百分比的间距大小。 字体粗细:设置百分数值的字体粗细样式。 字体:设置百分数值的字体。 小数位:设置百分比中可保留的小数位个数。 数据 如何使用组件的数据配置,请参照设置组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。 父主题:
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对
间距。 数据 如何使用组件的数据配置,请参照设置组件数据。 value:漏斗图中各层显示的值标签。 s:s字段为数据系列字段,数据将根据s字段的值进行分组。 新增数据系列:单击s字段后的,增加数据系列 配置数据系列: 单击数据系列前方的>,在展开的面板中配置该系列的指定样式。 交互
名称 数据连接的名称,只能包含英文字母、中文、数字、“-”、“_”,且长度为1~32个字符。 URL 填写DDM逻辑库的jdbc连接地址。如需了解URL的获取方法,请参见“《数据可视化 常见问题》 > 如何获取DDM逻辑库的jdbc连接地址?”。 用户名 填写逻辑库的用户名。该逻辑
环形柱图 环形柱图是柱状图的一种,常用于展示不同系列的数据的对比情况。本章节主要介绍环形柱图组件各配置项的含义。 图1 环形柱图 样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 图形属性 柱间间距:环形柱子之间的距离,单位为px。
本章节主要介绍视频组件各配置项的含义。 样式 图1 轮播图 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 设置图片标题的字体和字号。 动画 停顿:设置图片停顿显示的时长。 速度:设置图片切换的速度。 特效:设置图片切换的特效,支持水平滚动、垂直滚动。
颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
字体:单击下拉选项设置表头文本的字体类型。 字体颜色:单击下拉选项设置表头文本的字体颜色。 字号:单击下拉选项设置表头文本的字号大小。 字体粗细:单击下拉选项设置表头文本的字体粗细样式。 行配置 奇行背景色:单击颜色编辑器设置奇行表格的背景色。 偶行背景色:单击颜色编辑器设置偶行表格的背景色。 序列号
半径:只用半径的长短来显示数据的大小; 半径及圆心角:用面积的大小来显示数据的大小 标签属性 显示/隐藏标签属性:单击“标签属性”右侧的勾选框,表示显示标签属性,表示隐藏标签属性。 标签距中间:设置标签值和中间位置的距离。 轴距长度:设置标签的长度。 字号:设置标签值的字号。 颜色:设置标签值的字体颜色。
触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 图5 提示信息-线状图 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。
颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。
文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的最大值、最小值和分割数。 轴单位:设置x轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 轴刻度:单击“轴刻度”右侧的勾选框,表示显示轴刻度,表示隐藏轴刻度。 网格线:设置x轴的网格线的颜色。 图4
型”时,显示标签的数量会根据设置的“分割数”做自适应显示。当“数据类型”配置为其他值时,该配置项不生效。 字号:设置x轴文本的字号大小。 颜色:设置x轴文本的字体颜色。 角度:设置x轴文本的角度大小。 字体粗细:设置x轴文本的字体粗细样式。 轴线颜色:设置x轴的颜色。 网格颜色:设置x轴的网格线颜色