-
数据 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值相等)的不同系列设置了相同的堆叠名称,系列数据将堆叠显示。 超链接:表示单击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 配置数据系列: 单击数据系列前方的,在展开的面板中配置该系列的指定样式(系列名,颜色等)。
-
数据 图2 FLV视频流播放器-数据 url:FLV视频流的公网地址,格式为https://
域名 /目录/文件名.flv。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
-
样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 地图中心:设置地图中心在图层中的位置。 地球旋转:设置地图的缩放距离、水平旋转角度、垂直旋转角度。 地图颜色:设置地图中区域块的填充色。 边线选项:设置地图中区域边线的颜色和宽度。 添加子组件 在3D中国地图(2019)中可添加的子组件有:地图飞线、地图散点、柱状层。 地图子组件的相关操作如下: 添加子组件 在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图1 添加子组件 编辑子组件 单击子组件名称就可以编辑子组件。 删除子组件 单击子组件名称后面的按钮,可以删除该子组件。
-
地图飞线 地图飞线是以动态飞线的形式连接地图中的两个地理位置。 样式 虚线:虚线的样式。 高度:飞线轨迹弯曲的高度。当高度为1时,飞线近似直线。 速度:飞线飞行的速率。 粗细:耀斑的粗细。单位px。 颜色:飞线的颜色。 数据 图3 地图飞线-数据 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 from:飞线起点位置的经度和纬度,经纬度之间以逗号分隔。 to:飞线终点位置的经度和纬度,经纬度之间以逗号分隔。 数据源的数据格式为JSON格式,示例如下: [
{
"from": "116.85059,31.69078",
"to": "118.69629,36.20882"
},
{
"from": "120.89355,37.09024",
"to": "116.93848,31.61597"
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
地图散点 地图散点是以散点的形式表现地图中的某些地理位置的数据信息。 样式 大小:散点的大小。 颜色:散点的颜色。 数据 图4 地图散点-数据 字段映射:地图散点的数据格式包含以下3个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lon:散点的经度。 lat:散点的纬度。 value:散点的值,与样式中的“大小”一起决定散点的大小,value值越大,散点越大。 数据源的数据格式为JSON格式,示例如下: [
{
"lat": 62.103883,
"lon": -106.523438,
"value": 51
},
{
"lat": 50.064192,
"lon": -74.179688,
"value": 94
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
柱状层 柱状层是以3D柱状的形式表现地图中的某些地理位置的数据信息。 样式 高度:柱子的高度。单位px。 颜色:柱子的颜色。 数据 图5 柱状层-数据 字段映射:地图散点的数据格式包含以下2个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lon:柱子的经度。 lat:柱子的纬度。 数据源的数据格式为JSON格式,示例如下: [
{
"lat": 31.8998,
"lon": 102.2212
},
{
"lat": 28.6542,
"lon": 120.079
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
地图飞线 地图飞线是以动态飞线的形式连接地图中的两个地理位置。 图5 3D世界地图(2019) - 地图飞线 样式 虚线:虚线的样式。 高度:飞线轨迹弯曲的高度。当高度为1时,飞线近似直线。 速度:飞线飞行的速率。 粗细:耀斑的粗细。 颜色:飞线的颜色。 数据 图6 地图飞线 - 数据 字段映射:地图飞线的数据格式包含以下2个字段,请配置以下2个字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 from:飞线起点位置的经度和纬度,经纬度之间以逗号分隔。 to:飞线终点位置的经度和纬度,经纬度之间以逗号分隔。 数据源的数据格式为JSON格式,示例如下: [
{
"from": "116.85059,31.69078",
"to": "118.69629,36.20882"
},
{
"from": "120.89355,37.09024",
"to": "116.93848,31.61597"
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
地图散点 地图散点是以散点的形式表现地图中的某些地理位置的数据信息。 图7 3D世界地图(2019) - 地图散点 样式 大小:散点的大小。 颜色:散点的颜色。 数据 图8 地图散点 - 数据 字段映射:地图散点的数据格式包含以下3个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:散点的纬度。 lon:散点的经度。 value:散点的值,与样式中的“大小”一起决定散点的大小,value值越大,散点越大。 数据源的数据格式为JSON格式,示例如下: [
{
"lat": 62.103883,
"lon": -106.523438,
"value": 51
},
{
"lat": 50.064192,
"lon": -74.179688,
"value": 94
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
柱状层 柱状层是以3D柱状的形式表现地图中的某些地理位置的数据信息。 图9 3D世界地图(2019) - 柱状层 样式 高度:柱子的高度。单位px。 颜色:柱子的颜色。 数据 图10 柱状层 - 数据 字段映射:地图散点的数据格式包含以下2个字段,请配置lon和lat字段映射到数据源中的字段名称,如果配置为空,则表示字段名称和所映射的数据源中的字段名称相同。 lat:柱子的纬度。 lon:柱子的经度。 数据源的数据格式为JSON格式,示例如下: [
{
"lat": 6,
"lon": 159
},
{
"lat": 30,
"lon": 99
}
] 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 查看数据响应结果:单击“查看数据响应结果”,显示选择的数据源的数据信息。 交互 关于组件是否支持交互功能及交互的使用方法,请参考设置组件事件交互。
-
样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 地图中心:设置地图中心在图层中的位置。 地球旋转:设置地图的缩放距离、水平旋转角度、垂直旋转角度。 地图颜色:设置地图中区域块的填充色。 边线选项:设置地图中区域边线的颜色和宽度。 图2 边线选项 - 3D世界地图(2019) 添加子组件 在3D世界地图(2019)中可添加的子组件有:地图飞线、地图散点、柱状层。 地图子组件的相关操作如下: 添加子组件 在“样式”配置栏,单击“添加子组件”按钮,然后在弹出菜单中选择一个子组件,即可将该子组件添加到地图组件中。子组件添加完成后,在“添加子组件”按钮下方会显示所添加的子组件名称,例如“地图飞线”。 图3 添加子组件 编辑子组件 单击子组件名称就可以编辑子组件。 删除子组件 单击子组件名称后面的按钮,可以删除该子组件。
-
数据 图7 数据 - 水平胶囊柱图 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:数据格式包含3个字段: x:类目,对应横坐标x轴。该字段的数据类型需要与 x坐标配置项中的“数据类型”保持一致。 y:数据,对应纵坐标y轴。 s:系列,可以将s字段的某个值设置为一个系列,允许添加多个系列,并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 颜色:该系列的柱子颜色。 图8 添加系列 - 水平胶囊柱图 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。
-
样式 尺寸位置 图表尺寸:设置图表的宽和高。单位为px。 图表位置:设置图表在画布中的位置。单位为px。 图1 尺寸位置-高级地球 添加子组件 高级地球的子组件包括地球飞线、地球热力点。 地球飞线 以动态飞线的形式连接地球中的两个地理位置,飞线的样式、位置的经纬值参考以下步骤进行配置。 单击“添加子组件”,添加地球飞线。 图2 添加地球飞线-高级地球 单击“地球飞线”,进入地球飞线的配置页面。 在“样式”页签,配置飞线的高度、速度、粗细和颜色。 图3 配置地球飞线样式-高级地球 在“数据”页签,配置飞线的起点和终点的经纬度。 数据格式:from为飞线的起点,to为飞线的终点。 自动更新请求:勾选自动更新请求,并设置更新间隔后,动态数据将根据间隔时间自动轮询。 地球热力点 以热力点的形式表现地球中的某些地理位置的数据信息,热力点的样式、经纬度参考以下步骤进行配置。 单击“添加子组件”,添加地球热力点。 图4 添加地球热力点-高级地球 单击“地球热力点”,进入地球热力点的配置页面。 在“样式”页签,配置热力点的高度和颜色。 图5 配置地球热力点样式-高级地球 在“数据”页签,配置热力点的经纬度和大小。 数据格式:lon为热力点的经度;lat为热力点的纬度;value为热力点的值;type为热力点的类型。 自动更新请求:勾选自动更新请求,并设置更新间隔后,动态数据将根据间隔时间自动轮询。 全局样式 球体类型:单击下拉选择,设置球体类型。可设置为粒子、行政区、卫星。 x轴:输入数值或拖动设置地球的x轴。 y轴:输入数值或拖动设置地球的y轴。 z轴:输入数值或拖动设置地球的z轴。 自转速度:输入数值或拖动设置地球的自转速度。值越大,自传速度越快。 灯光 显示/隐藏灯光:单击“灯光”右侧的勾选框,表示显示灯光,表示隐藏灯光。 强度:输入数值或拖动设置灯光的强弱。数值越大,灯光越强。 颜色:单击颜色编辑器设置灯光的颜色。 背光 显示/隐藏背光:单击“背光”右侧的勾选框,表示显示背光,表示隐藏背光。 大小:背光大小类似于球体向周围发光的辐射范围。输入数值或拖动可以调节数值大小。数值越大,辐射范围越大。 z轴:指球体后边的发光源。输入数值或拖动可以调节数值大小,值越小,光影越大;值越大,光影越小。 颜色:单击颜色编辑器设置背光的颜色。 飞线 显示/隐藏飞线:单击“飞线”右侧的勾选框,表示显示飞线,表示隐藏飞线。 高度:输入数值或拖动设置飞线的高度。数值越大,飞线的高度越高。 速度:输入数值或拖动设置飞线的速度。数值越大,飞线的运行速度越快。 粗细:输入数值或拖动设置飞线的粗细。数值越大,飞线越粗。 颜色:单击颜色编辑器设置飞线的颜色。
-
数据 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 数据转换器:选择数据转换器,可以将数据转换为符合展示需求数据,数据转换器的详细介绍,请参见使用数据转换器。 数据映射:台阶图的数据格式包含3个字段: x:类目,对应横坐标x轴。 y:数据,对应纵坐标y轴。 s:系列,可以将s字段的某个值设置为一个系列,允许添加多个系列,并且每个系列的数值可以映射到不同的纵坐标上。 单击s字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:输入s字段的某个值,如果“系列值”为空,则默认使用相应的s字段的值。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 样式:台阶线上的点的样式。 颜色:台阶线的颜色。 宽度:台阶线的线条粗细。 不透明:台阶线覆盖区域的不透明度。值越大透明度越低。 值标签:显示或隐藏值标签。显示时,可以设置值标签的“字号”、“颜色”、“字体粗细”、“位置”。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图6 数据-台阶图
-
样式 尺寸位置 图表尺寸:图表的宽和高。单位均为px。 图表位置:图表在画布中的位置。单位均为px。 全局样式 字体:组件中文本的字体。 数据点位置:数据点在台阶线上显示的位置。 边距 顶部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 底部:设置图表与图层顶部的间距,可以通过输入数值或单击调节。 左侧:设置图表与图层左侧的间距,可以通过输入数值或单击调节。 右侧:设置图表与图层右侧的间距,可以通过输入数值或单击调节。 x轴:显示或隐藏x轴。显示时,可以设置x轴的样式。 字号:轴标签文本的字体大小。 颜色:轴标签文本的字体颜色。 字体粗细:轴标签文本的字体粗细。 角度:轴标签文本的倾斜角度。 坐标轴:显示或隐藏坐标轴。 颜色:轴线的颜色。 网格线:显示或隐藏网格线。 颜色:网格线的颜色。 图2 x轴 y轴:显示或隐藏y轴。显示时,可以设置y轴的样式。 y轴的配置项与x轴相似,请参考•x坐标:显示或隐藏x坐标。显示时,可以设置x坐...的相关描述。 图例:显示/隐藏图例。显示时,可以设置图例的样式。 文本:设置图例的文本样式,包括字号、字体颜色、字体粗细。 布局:图例位于组件中的位置。 图3 图例 提示信息:显示或隐藏提示信息。开启后,在预览或查看大屏时,鼠标悬浮或单击在图上时显示提示信息。 触发类型:设置提示信息的触发类型。 颜色:提示信息的字体颜色。 字号:提示信息的字体大小。 字体粗细:提示信息的字体粗细样式。 图4 提示信息 动画 显示/隐藏提示信息:单击“动画”右侧的勾选框,表示开启图表的动画效果;表示预不开启图表的动画效果。 入场动画:组件第一次渲染动画的时长,单位为ms。 动画效果:动画的缓动效果,系统提供多种常见的动画缓动效果供您选择。 各系列依次动画:开启后,各系列依次动画显示。未开启时,所有的系列同时动画显示。 更新动画:组件数据更新时的动画时长,单位为ms。 是否从之前位置开始:开启后,组件数据更新时,从上一个数据的位置开始播放动画;关闭后,组件数据更新时,从初始位置开始播放动画。 图5 动画-线状图
-
数据 WT双轴线状图的数据格式为宽表类型的结构,是将相关字段放在同一张表中形成字段较多的数据库表。WT双轴线状图的数据格式默认包含3个字段x、y1、y2。 数据源类型:选择图表的数据源。系统提供了多种数据源供用户选择,您需要先添加数据源,具体操作请参见数据连接概述。 x:线状图和柱状图的类目,对应横坐标x轴。 y: 默认包含如下2个系列: y1:系列“y1”的数据。“y1”为所映射的源数据中的字段名称。默认对应左侧纵坐标y1轴。 y2:系列“y2”的数据。“y2”为所映射的源数据中的字段名称。默认对应右侧纵坐标y2轴。 单击y字段右侧的按钮可添加一个系列。对于已经添加的系列,单击某个系列右侧的按钮可删除该系列。 添加系列配置如下: 系列值:所映射的源数据中的字段名称。 系列名:可以输入自定义名称,如果“系列名”为空,则默认使用“系列值”作为“系列名”。 样式:折线上的点的样式。 颜色:折线的颜色。 宽度:折线的线条粗细。 不透明:折线覆盖区域的不透明度。值越大透明度越低。 对应坐标:可选择y1轴或y2轴。 值标签:显示或隐藏值标签。显示时,可以设置值标签的“字号”、“颜色”、“字体粗细”、“位置”。 超链接:表示单击组件中的某一数据时,网页将会指向的目标链接。 链接方式: 新窗口:表示目标链接将会在浏览器的新窗口中打开。 当前页:表示目标链接在当前浏览器窗口打开。 浮窗:表示目标链接会在当前大屏中心的悬浮窗口中打开。 自动更新请求:勾选自动更新请求,并设置更新间隔后,数据将根据间隔时间自动轮询。 预览结果:单击“预览结果”,显示选择的数据源的数据信息。单击“更新查询”可以在数据源变更时手动更新组件数据。 图8 数据-WT双轴线状图