云服务器内容精选

  • 数据 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。
  • 数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:数据格式默认包含以下字段,请配置各个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 x:类目,对应横坐标x轴。 y:系列的数据。对应纵坐标y轴。 s:系列。可以将s字段的某个值设置为一个系列,允许添加多个系列。 单击s字段右侧的按钮可添加一个新的系列。对于已添加的系列,单击该系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 堆叠:堆叠名称,可以输入自定义名称。若同一个类目(x值相等)的不同系列(s值不同)设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
  • 样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为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 提示信息-水平柱状图
  • 设置链接交互实现下钻功能 以下以表格轮播组件为例,介绍如何实现下钻交互。 创建一个大屏,进入大屏编辑页面,添加组件,以添加表格轮播组件为例。 单击组件,在“数据”面板中,展开某一个系列字段,为该系列配置“超链接”和“链接方式”。 超链接:表示点击组件中的某一数据时,网页将会指向的目标链接。 链接方式:有新窗口、当前页、浮窗三种超链接展示方式。假设在本示例中选择“浮窗”方式。 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 图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:在地区上方的悬浮文本。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
  • 地图下钻 地图下钻是以下钻的形式表现地图中的某些地理位置的数据信息。 图20 添加地图下钻-基础平面地图 样式 颜色:访问区域的区块颜色。 透明度:访问区域的区块的透明度。 边线选项 颜色:访问区域的边线颜色。 宽度:访问区域的边线宽度。 线条样式:访问区域的边线线条样式。 阴影颜色:访问区域的边线阴影颜色。 标签:显示或隐藏标签。显示时,可设置标签文本的“字体”、“颜色”、“字号”、“字体粗细”。 缩放范围:访问区域的缩放比例。 数据 图21 地图下钻 - 数据 字段映射:地图下钻的数据格式默认包含1个字段,请配置该字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 name:访问的区域名称。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。