云服务器内容精选

  • 数据 WT柱图的数据结构如下: [ { "x": "销售", "y1": 40, "y2": 20, "y3": 10 }, { "x": "管理", "y1": 50, "y2": 30, "y3": 20 }, { "x": "技术", "y1": 60, "y2": 40, "y3": 30 }, { "x": "客服", "y1": 70, "y2": 50, "y3": 40 }, { "x": "研发", "y1": 80, "y2": 60, "y3": 50 }, { "x": "市场", "y1": 85, "y2": 83, "y3": 60 } ] x字段表示类目。 y字段表示数据系列(分组):y映射不同的字段表示不同的数据系列(组),数据根据y映射的字段进行分组显示。 新增数据系列:单击y字段后的,增加数据系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:所映射的源数据中的字段名称。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 堆叠:堆叠名称,可以输入自定义名称。若同一个类目(x值相等)的不同系列设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 配置数据系列: 单击数据系列前方的,在展开的面板中配置该系列的指定样式(系列名,颜色等)。
  • 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:双轴线状图的数据格式包含3个字段: x:类目,对应横坐标x轴。该字段的数据类型需要与•x坐标配置项中的“数据类型”保持一致。 y:数据,对应纵坐标y1轴或y2轴。 s:系列,可以将s字段的某个值设置为一个系列,允许添加多个系列,并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 样式:折线上的点的样式。 颜色:折线的颜色。 宽度:折线的线条粗细。 不透明:折线覆盖区域的不透明度。值越大透明度越低。 对应坐标:可选择y1轴或y2轴。 值标签:显示或隐藏值标签。显示时,可以设置值标签的“字号”、“颜色”、“字体粗细”、“位置”。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图8 数据-双轴线状图
  • 设置URL参数交互功能 以下以API数据源和数据库类型的数据源为例,介绍如何实现URL交互功能。 创建一个大屏,进入大屏编辑页面,添加组件。单击某个组件,在“数据”面板中,“数据源类型”选择动态数据源(主要有API数据源或数据库类型的数据源),然后配置数据源,添加URL交互变量,格式为“${交互变量名}”。 用户可根据业务需求添加URL交互变量,以下是一些简单的示例,可供参考: API数据源,使用URL交互变量,URL配置示例如下: 示例1:在API数据源的URL中使用一个URL交互变量。 https://api.test?var=${var} 图1 URL交互变量 示例2:在API数据源的URL中使用多个URL交互变量,多个变量之间用&符号连接。。 https://api.test?var=${var}&var2=${var2} 数据库类型的数据源,在SQL语句中使用URL交互变量,配置示例如下: 示例1:“数据源类型”选择“数据库”后,在SQL编辑区域编写SQL语句时,使用多个URL交互变量。 select * from ${var} where var2=${var2}; 图2 URL交互变量-SQL 示例2:“数据源类型”选择“数据库”后,在SQL编辑区域编写SQL语句时,使用多个URL交互变量。 select ${var} from ${var2}; 完成超链接的配置后,单击页面右上角的按钮预览大屏,然后在大屏预览页面的URL地址末尾添加交互变量后再重新访问该页面,查看超链接的下钻显示效果。如果下钻功能显示正确,再进行下一步操作。 例如,大屏预览页面的URL地址如下: https://console.huaweicloud.com/dlv/vision/preview/?projectId=9c3043ab4dac4055888643b331a0b227&locale=zh-cn&screenId=ff80808270c25d5d0170c261090b0000&name=dlv-demo®ion=cn-north-7&workspaceId=9c3043ab4dac4055888643b331a0b227 在大屏预览页面的URL地址末尾添加交互变量如下: 示例1: https://console.huaweicloud.com/dlv/vision/preview/?projectId=9c3043ab4dac4055888643b331a0b227&locale=zh-cn&screenId=ff80808270c25d5d0170c261090b0000&name=dlv-demo®ion=cn-north-7&workspaceId=9c3043ab4dac4055888643b331a0b227#var=value 示例2:当URL携带多个hash参数时,用&符号连接。 https://console.huaweicloud.com/dlv/vision/preview/?projectId=9c3043ab4dac4055888643b331a0b227&locale=zh-cn&screenId=ff80808270c25d5d0170c261090b0000&name=dlv-demo®ion=cn-north-7&workspaceId=9c3043ab4dac4055888643b331a0b227#var=value&var2=value2 发布大屏,并获取大屏URL。具体操作请参见发布大屏。 例如,大屏URL地址如下: https://console.huaweicloud.com/dlv/vision/share/?id=qwertyuiioapsdgfhj123456789c&locale=en-us®ion=cn-north-1 在上一步获取的大屏URL中设置hash参数的形式来设置变量的默认值。参数名称和之前在数据源中设置的URL交互变量名称相同。 示例1: https://console.huaweicloud.com/dlv/vision/share/?id=qwertyuiioapsdgfhj123456789c&locale=en-us®ion=cn-north-1#var=value 示例2:当URL携带多个hash参数时,用&符号连接。例如,以下示例同时设置了交互变量var和var2。 https://console.huaweicloud.com/dlv/vision/share/?id=qwertyuiioapsdgfhj123456789c&locale=en-us®ion=cn-north-1#var=value&var2=value2 在浏览器中或在应用程序代码中,访问添加hash参数后的大屏URL,即可访问参数所指定的大屏数据。 通过上一个步骤示例中的URL访问大屏,在页面打开时,大屏组件的交互变量var的值会设置为value,交互变量var2的值会设置为value2。
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置值标签的字号大小。 颜色:设置值标签的字体颜色。 字体粗细:设置值标签的字体粗细样式。 位置:单击下拉列表,设置值标签的位置。可设置为顶部、右侧、内部、左侧、底部、内部居左、内部居右、内部居上、内部居下。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 文本:设置x轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置x轴的显示格式,最大值和最小值。 轴单位:设置y轴的单位名称和字体颜色。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图2 x轴-水平柱状图 y轴 显示/隐藏y轴:单击“y轴”右侧的勾选框,表示显示y轴,表示隐藏y轴。 标签:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。 坐标轴:设置y轴的颜色。 网格线:设置y轴的网格线颜色。 图3 y轴-水平柱状图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:设置图例的布局位置。 图4 图例-水平柱状图 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 交互效果:提示信息触发时柱子效果。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 图5 提示信息-水平柱状图
  • 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 堆叠:堆叠名称,可以输入自定义名称。若同一个类目(x值相等)的不同系列(s值不同)设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
  • 设置链接交互实现下钻功能 以下以表格轮播组件为例,介绍如何实现下钻交互。 创建一个大屏,进入大屏编辑页面,添加组件,以添加表格轮播组件为例。 单击组件,在“数据”面板中,展开某一个系列字段,为该系列配置“超链接”和“链接方式”。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式:有新窗口、当前页、浮窗三种超链接展示方式。假设在本示例中选择“浮窗”方式。 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 图1 配置超链接 打开表格轮播组件的交互面板,勾选“链接”开启超链接交互事件。 此处可以设置所有系列的“超链接”和“链接方式”,若数据面板中各个系列单独设置了“超链接”和“链接方式”,则以数据面板中的设置优先。 图2 开启链接交互 若在查看大屏点击组件时,需要在超链接中以当前点击的数据作为交互变量的值进行交互,可单击“新建”按钮新建交互变量,并设置交互变量与字段的映射关系。 例如,在本示例中,新建如图3所示的交互变量,在查看大屏时若点击组件中的某一数据,该数据对应的area字段的值和series字段的值将会分别传递给超链接中的变量area和table_serie,从而使打开的超链接显示相应的详情页面。 图3 新建交互变量 完成超链接的配置后,单击页面右上角的按钮预览大屏,然后在大屏中单击组件中的某一数据,就可以打开相应的超链接显示详情数据。 图4 浮窗效果
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 全局样式 字体:设置图表中文字的字体。 柱子样式 柱子宽度:设置柱子的宽度。 柱子圆角度:设置柱子的圆角度。 系列间距:设置多个系列间的距离。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 值标签 显示/隐藏值标签:单击“值标签”右侧的勾选框,表示显示值标签,表示隐藏值标签。 字号:设置值标签的字号。 颜色:设置值标签的字体颜色。 字体粗细:设置值标签的字体粗细样式。 位置:单击下拉列表,设置值标签的位置。可设置为顶部、右侧、内部、左侧、底部、内部居左、内部居右、内部居上、内部居下。 x轴 显示/隐藏x轴:单击“x轴”右侧的勾选框,表示显示x轴,表示隐藏x轴。 轴标签:设置x轴的文本样式,包括数据类型、字号、字体颜色、字体粗细、角度、标签间隔、最小标签、最大标签。 坐标轴:设置x轴的颜色。 网格线:设置x轴的网格线的颜色。 图2 x轴-柱状图 y轴 显示/隐藏y轴:单击“y轴”右侧的勾选框,表示显示y轴,表示隐藏y轴。 文本:设置y轴的文本样式,包括字号、字体颜色、字体粗细、角度。 轴标签:设置y轴的文本样式,包括显示格式、最小值、最大值、分割数。 轴单位:设置y轴的单位。 坐标轴:设置y坐标的颜色。 网格线:设置y轴的网格线颜色。 图3 y轴-柱状图 图例 显示/隐藏图例:单击“图例”右侧的勾选框,表示显示图例,表示隐藏图例。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:设置图例的位置。 图4 图例-柱状图 提示信息 显示/隐藏提示信息:单击“提示信息”右侧的勾选框,表示预览组件或查看发布组件,鼠标悬浮在图上时显示提示信息;表示预览组件或查看发布组件,鼠标悬浮在图上时不显示提示信息。 触发类型:设置提示信息的触发类型,可以选择坐标轴和数据项。 颜色:设置提示信息的字体颜色。 字号:设置提示信息的字号大小。 字体粗细:设置提示信息的字体粗细样式。 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。 更新动画:组件数据更新时的动画时长,单位为ms。 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。 图5 动画-线状图 系列转类目 单击“系列转类目”右侧的勾选框,表示转换为类目,显示类目;表示不转换为类目,显示系列。 显示类目:按照类目分类,把所有系列分成不同的类目展示到坐标轴上。 显示系列:按照系列分类,把所有的类目按照不同的系列展示到坐标轴上。 假设将静态数据的前3条修改为: [ { "x": "销售", "y": 78, "s": 1 }, { "x": "销售", "y": 55, "s": 2 }, { "x": "销售", "y": 68, "s": 3 } ] 然后在“数据”面板中,添加3个系列,系列值分别为1、2、3,并且3个系列设置为不同的颜色。显示系列如图6所示,显示类目如图7所示。 图6 显示系列-柱状图 图7 显示类目-柱状图
  • 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 堆叠:堆叠名称,可以输入自定义名称。若同一个类目(x值相等)的不同系列(s值不同)设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图8 数据 - 柱状图
  • 数据 WT双轴线状图的数据格式为宽表类型的结构,是将相关字段放在同一张表中形成字段较多的数据库表。WT双轴线状图的数据格式默认包含3个字段x、y1、y2。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 x:线状图和柱状图的类目,对应横坐标x轴。 y: 默认包含如下2个系列: y1:系列“y1”的数据。“y1”为所映射的源数据中的字段名称。默认对应左侧纵坐标y1轴。 y2:系列“y2”的数据。“y2”为所映射的源数据中的字段名称。默认对应右侧纵坐标y2轴。 单击y字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:所映射的源数据中的字段名称。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 样式:折线上的点的样式。 颜色:折线的颜色。 宽度:折线的线条粗细。 不透明:折线覆盖区域的不透明度。值越大透明度越低。 对应坐标:可选择y1轴或y2轴。 值标签:显示或隐藏值标签。显示时,可以设置值标签的“字号”、“颜色”、“字体粗细”、“位置”。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图8 数据-WT双轴线状图
  • 新建云数据库 GeminiDB Influx 接口数据连接 登录 DLV 管理控制台。 在“我的数据”页面,单击页面最上方的工作空间下拉列表并选择所需访问的工作空间,然后单击“新建数据连接”。 图1 新建连接 在“新建数据连接”窗口中,选择数据源类型“云数据库 GeminiDB Influx 接口”,然后配置相关参数。 连接云数据库 GeminiDB Influx 接口时,相关参数如表1 云数据库GeminiDB Influx 接口数据连接参数所示。 表1 云数据库 GeminiDB Influx 接口数据连接参数 参数名 说明 名称 数据连接的名称,只能包含英文字母、中文、数字、“-”、“_”,且长度为1~32个字符。 域名 填写所需连接的云数据库GeminiDB实例的内网地址。 端口 填写所需连接的云数据库GeminiDB实例的端口。 用户名 填写数据库的用户名。该数据库用户需要有数据表的读取权限,以及对元数据的读取权限。 密码 填写数据库用户的密码。 连接代理 选择可用的连接代理,如VPC连接、 CDM 代理、公有网络。如需使用VPC连接,请先参考管理VPC连接创建VPC连接。 说明: 云数据库 GeminiDB Influx 接口为非全托管服务,DLV无法直接与非全托管服务进行连接。CDM集群提供了DLV与非全托管服务通信的代理。 数据库名 单击“获取数据库”,在列表框中选择数据库。 填写完数据源信息后,单击“确定”即可完成GeminiDB Influx 接口数据连接的添加。
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-世界地图 添加子组件 在世界地图中可添加的子组件有: 地图飞线:配置方法和基础平面地图中的地图飞线相似,请参考地图飞线。 地图散点:配置方法和基础平面地图中的地图散点相似,请参考地图散点。 进阶版散点层:配置方法和基础平面地图中的进阶版散点层相似,请参考进阶版散点层。 基础平面地图中的进阶版散点层支持交互功能,但是,在世界地图中,进阶版散点层不支持交互功能。 地图热力层:配置方法和基础平面地图中的地图热力层相似,请参考地图热力层。 地图子组件的相关操作如下: 添加子组件 在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图2 添加子组件 编辑子组件 单击子组件名称就可以编辑子组件。 删除子组件 单击子组件名称后面的按钮,可以删除该子组件。 全局样式 地图中心:设置地图中心在图层中的位置。 地图缩放:设置地图中心在图层中的缩放比例。 图3 全局样式-世界地图 填充设置 填充颜色:设置填充的颜色和透明度。 边线选择:设置边线的颜色和宽度。 图4 填充设置-世界地图 视觉映射 显示/隐藏视觉映射:单击“标签”右侧的勾选框,表示显示视觉映射,表示隐藏视觉映射。 映射类型:单击下拉选项设置视觉映射的映射类型,可以设置为连续型或分段型。 方向:单击下拉选项设置视觉映射的映射方向,可以设置为水平或垂直。 宽度:设置视觉映射的宽度。 高度:设置视觉映射的高度。 左侧:设置视觉映射时距离图层左侧的距离。 底部:设置视觉映射时距离图层底部的距离。 文字:设置视觉映射时文本的字体颜色和字号大小。 图5 视觉映射-世界地图 选中样式 颜色:单击颜色编辑器设置颜色。 标签颜色:单击颜色编辑器设置标签颜色。 数据值:单击“数据值”右侧的勾选框,表示显示数据值,表示隐藏数据值。 数据名:单击“数据名”右侧的勾选框,表示显示数据名,表示隐藏数据名。 文本样式:设置文本的颜色、字号和字体粗细样式。 图6 选中样式-世界地图
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-3D世界地图 添加子组件 地图的子组件包括地图飞线、地图散点、柱状层。 地图飞线 以动态飞线的形式连接地图中的两个地理位置,飞线的样式、位置的经纬值参考以下步骤进行配置。 单击“添加子组件”,添加地图飞线。 图2 添加地图飞线-3D世界地图 单击“地图飞线”,进入地图飞线的配置页面。 在“样式”页签,配置飞线的飞行速率、飞线粗细、飞线长度和颜色。 图3 配置地图飞线样式-3D世界地图 在“数据”页签,配置飞线的起点和终点的经纬度。 数据格式:from为飞线的起点,to为飞线的终点。 自动更新请求:勾选自动更新请求,并设置更新间隔后,动态数据将根据间隔时间自动轮询。 地图散点 以散点的形式表现地图中的某些地理位置的数据信息,散点的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”,添加地图散点。 图4 添加地图散点-3D世界地图 单击“地图散点”,进入地图散点的配置页面。 在“样式”页签,配置散点的散点大小、样式、颜色和透明度。 图5 配置地图散点样式-3D世界地图 在“数据”页签,配置散点的经纬度和大小。 数据格式:lon为散点的经度;lat为散点的纬度;value为散点的值,与样式中散点大小一起决定散点的大小,value值越大,散点越大。 自动更新请求:勾选自动更新请求,并设置更新间隔后,动态数据将根据间隔时间自动轮询。 柱状层 以3D柱状的形式表现地图中的某些地理位置的数据信息,柱状层的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”,添加柱状层。 图6 添加柱状层-3D世界地图 单击“柱状层”,进入柱状层的配置页面。 在“样式”页签,配置柱状层的柱子粗细、柱子的最小高度值、柱子的颜色和颜色透明度。 图7 配置柱状层样式-3D世界地图 在“数据”页签,配置柱子的经纬度和高度。 数据格式:lon为柱子的经度;lat为柱子的纬度;value为柱子的值,value值越大,柱子越高。 自动更新请求:勾选自动更新请求,并设置更新间隔后,动态数据将根据间隔时间自动轮询。 全局样式 地图中心:设置地图中心在图层中的位置。 地球旋转:设置地图的缩放距离、水平旋转角度、垂直旋转角度。 地图颜色:设置地图中区域块的填充色。 边线选项:设置地图中区域边线的颜色和宽度。 图8 全局样式-3D世界地图
  • 轮播视频 轮播视频是轮流播放各个地理位置的视频,视频格式支持*.mp4、*.flv。 图24 轮播视频 - 基础平面地图 样式 静音:开启或关闭静音模式。 控制条:显示或隐藏视频播放器中的进度控制条。 音量调节:视频的音量调节。 自定义播放时间:开启或关闭自定义播放时间。 播放时间:视频播放的时间。单位为ms。 宽度:视频播放器的宽度。单位为px。 背景色:视频播放器的背景色。 标点颜色:在地图中标示的地理位置的点的颜色。 边线选项:设置视频播放器窗口的边线的“样式”、“宽度”和“颜色”。 文本样式:设置在视频播放器上方显示的文本的“颜色”、“字体”、“字号”和“字体粗细”。显示的文本为“数据”中text字段的值。 数据 字段映射:悬浮文本的数据格式默认包含以下字段,请配置该字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:地区的纬度。 lon:地区的经度。 video:视频地址。支持存储在OBS服务中的视频地址或公网视频地址。视频格式支持*.mp4、*.flv。 text:显示在视频窗口上方的标题。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
  • 悬浮文本 以悬浮文本的形式表现地图中的某些地理位置的数据信息。 图23 悬浮文本 - 基础平面地图 样式 边线选项 样式:悬浮文本框的边线样式。 宽度:悬浮文本框的边线宽度。 文本样式:悬浮文本的“字体”、“字号”、“字体粗细”。悬浮文本显示的文字为“数据”中text字段的值。 定速播放:开启后,悬浮文本将根据以下配置进行定速播放。默认为关闭。 悬浮数目:开启定速播放后,每次显示的悬浮文本数目。 浮现时间:悬浮文本的浮现时间。单位为ms。 停留时间:悬浮文本在地图上的停留时间。单位为ms。 消失时间:悬浮文本的消失时间。 数据 字段映射:悬浮文本的数据格式默认包含以下字段,请配置该字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:地区的纬度。 lon:地区的经度。 text:在地区上方的悬浮文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
  • 地图热力层 地图热力层是以热力层的形式表现地图中的某些地理位置的数据信息。 图22 地图热力层 - 基础平面地图 样式 最小值透明度:热力点最小值的透明度。 最大值透明度:热力点最大值的透明度。 模糊半径:热力点的模糊半径。 半径:热力点的半径。 色带:热力点从外到内,支持设置“颜色1”~“颜色5”五个色带。 数据 字段映射:地图热力层的数据格式默认包含以下字段,请配置该字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:地区的纬度。 lon:地区的经度。 value:该地区对应的热力点的值。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。