检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
设置URL参数交互 您可以通过在大屏的URL中设置hash参数的形式来设置参数值,将参数值传递到动态数据源(主要有API数据源或数据库类型的数据源)中查询相关数据,从而查看hash参数所指定的大屏数据。 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。
如下样式。 系列名:设置数据系列的名称。 样式:设置数据系列的坐标点形状,可以选择圆形、矩形、三角形等。 颜色:设置数据系列的曲线颜色。 宽度:设置数据系列的曲线宽度。 不透明:设置数据系列填充色的透明度。 值标签:勾选则在图表中显示对应点的取值,并为取值设置显示的字号、颜色、字体粗细、位置。
发布大屏 大屏开发完成后,您可以通过发布功能向其他用户分享大屏。 发布大屏 登录DLV控制台。 在“我的大屏”页面,找到需要发布的大屏,将鼠标移至该大屏图标之上,界面上将显示大屏的管理按钮,单击发布按钮。 图1 发布大屏 您也可以在大屏开发页面右上方,单击发布按钮发布大屏。 图2
浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 图1 配置超链接 打开表格轮播组件的交互面板,勾选“链接”开启超链接交互事件。 此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互
引用交互变量 预览和发布大屏 在大屏开发页面右上方,单击预览按钮,预览大屏。 图11 预览大屏数据 在地理搜索中,重新设定地理位置,柱状图则只显示对应位置的数据。 图12 预览过滤数据 交互功能验证无误后,单击大屏开发页面右上方的发布按钮,配置发布参数,将大屏发布和分享给其他用户。 图13
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 词云 全局样式 字体:设置组件文本的字体样式。 最大字号:输入数值或拖动,设置组件文字的最大字号。定义数据中value值最大的文本大小。 最小字号:输入数值或拖动,设置组件文字的最小
登录DLV控制台,单击“我的大屏”。 在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 图1 编辑大屏 从左侧组件库中选择一个组件,例如“柱状图”,该组件将出现在画布中。单击该组件,再单击屏幕右侧的“数据”面板。 在“数据”面板中,设置“数据源类型”为“API”。
编辑大屏 本章节通过一个简单的示例向您介绍如何编辑大屏。 大屏开发页面总览 登录DLV控制台,在“我的大屏”页面,找到需要编辑的大屏,将鼠标移至该大屏图标上,然后单击编辑按钮进入大屏开发页面。 在大屏开发页面中,您可以根据业务需求设计和开发大屏,完成添加组件、页面布局、关联数据源和发布大屏等操作。
组合大屏 当您完成可视化大屏的开发之后,可以将两个或两个以上的大屏创建为一个组合大屏以便用户可以同时查看多个大屏。组合大屏创建完成后,您就可以发布组合大屏,然后将大屏链接分享给其他用户。其他用户就可以在浏览器中或应用程序中通过大屏链接访问该组合大屏。在浏览器查看组合大屏时,用户可以在多个大屏之间来回切换进行查看。
Elasticsearch ECS自建数据源 实例 选择对应数据源下待连接的实例(除ECS自建数据源外均需要配置)。 内网IP ECS机器内网IP(仅ECS自建数据源需要配置)。 VPC ID ECS机器使用的VPC的ID地址(仅ECS自建数据源需要配置)。 网络ID ECS机器使用的VPC
版本规格说明 快速购买 购买DLV 如何续费 04 使用 DLV提供了丰富的图表组件以及场景模板,具备多数据源对接能力,无需编码,采用拖拽式自由排版布局,即可轻松搭建可视化大屏,满足业务的展示需求。 开发大屏 创建数据连接 创建大屏 编辑大屏 发布大屏 管理数据源 添加数据源 编辑数据源
添加组件 创建大屏后,您可以在大屏上添加所需要的组件,DLV提供了丰富的可视化组件,帮助您快速开发大屏。本章节为您介绍如何在大屏中添加组件。 添加组件 登录DLV控制台。 在“我的大屏”页面,单击“新建大屏”。 在新建大屏页面,从左侧的场景模板中选择一个模板,例如,选择空白模板。然后输入大屏名称。
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 时间选择器 全局样式 背景色:单击颜色编辑器设置组件的背景色。 圆角:单击设置组件的圆角度。值越大,圆角度越明显。最小值为0%,最大值为50%。 字号:输入数值或单击设置组件文本的字号大小。
极轴 颜色:单击颜色编辑器设置极轴的颜色。 宽度:输入数值或单击设置极轴的宽度。 分割线 颜色:单击颜色编辑器设置分割线的颜色。 线条数量:输入数值或单击设置分割线的线条数量。 线条样式:单击下拉框设置分割线的线条样式。 线条宽度:输入数值或单击设置分割线的线条宽度。 填充颜色
发布我的大屏 Y Y Y N 取消发布我的大屏 Y Y Y N 创建大屏快照 Y Y Y N 删除大屏快照 Y Y Y N 编辑大屏快照备注 Y Y Y N 设置大屏快照状态 Y Y Y N 获取大屏快照列表 Y Y Y Y 导入大屏 Y Y Y N 导出大屏 Y Y Y N 表6
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 跑马灯 全局样式 颜色:单击颜色编辑器设置组件文本的字体颜色。 字号:设置组件文本的字号大小。 字体:设置组件文本的字体。 字体粗细:设置组件文本的字体粗细样式。 轮
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 自定义背景组件 全局样式 背景色:单击颜色编辑器设置背景颜色。 背景图:设置组件的背景图片,您可以从本地上传图片素材。 缩放模式:单击下拉选项设置背景图片的缩放模式。可以
尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 Tab列表 全局样式 字体:设置组件文本的字体类型。 行数:输入数值或单击设置显示行数。 列数:输入数值或单击设置显示列数。 选择类型:单击下拉选项设置选择类型,可设置为单选或多选。
顶部:输入数值或单击设置节点与顶部的距离。 背景色:单击颜色编辑器设置节点的背景色。 边框大小:输入数值或拖动,设置组件边框大小。 边框颜色:单击颜色编辑器设置节点的边框颜色。 字体大小:设置节点文本的字体大小。 字体粗细:设置节点文本的字体粗细。 字体颜色:设置节点文本的字体颜色。
边框宽度:设置水位图外框的边框宽度。 内部距离:设置水位图和外框的内部距离。 文字 字体:设置图表中文字的字体。 颜色:设置图表中文字的字体颜色。 内部颜色:设置文字在水位图中的颜色。 字号:设置图表中文字的字号大小。 字体粗细:设置图表中文字的字体粗细样式。 相对位置:设置文字相对于水位图的相对位置。可以选择为顶部、垂直居中或底部。