页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

Title_font
Name字段

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

字段来源于数据集面板,图形的数据就是勾选已拖拽字段实现的。具体情况请参见 拖拽字段

Image Modified



Title_font
Name分类(X)轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在分类(X)轴项勾选某字段,则分类(X)轴上的数据来源于该字段。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name指标(Y)轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在指标(Y)轴项勾选某字段,则指标(Y)轴上的数据来源于该字段。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name左垂直(Y)轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在左垂直(Y)轴勾选某字段,则左垂直(Y)轴上的数据来源于该字段。

左右垂直(Y)轴只在创建“联合图”时出现。

注意

一般一个垂直轴最好只勾选一个字段。

当一个垂直轴勾选多个字段时,只有第一个字段显示在该垂直轴上,其他字段则不显示,但不影响该字段的子图显示。

Image Modified

预览效果

左垂直(Y)轴显示单价,对应的子图为柱图。

Image Modified

 

 

Title_font
Name右垂直(Y)轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在右垂直(Y)轴勾选某字段,则右垂直(Y)轴上的数据来源于该字段。

Image Modified

预览效果

右垂直(Y)轴显示销售量,对应的子图为线图。

Image Modified

Title_font
Name指标(Z)轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在指标(Z)轴勾选某字段,则指标(Z)轴上的数据来源于该字段。

Image Modified

预览效果

Image Modified

Title_font
Name并列轴

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

并列轴起到的作用将对应字段行转列。

Image Modified

预览效果

当不勾选并列轴时,发货区域和产品类别同时勾选分类轴,则会将各个区域的产品类别分别在画布中列出。

当勾选并列轴时,则将产品类别由行转为列,如下:

报表效果

Image Modified

图形效果

Image Modified



Title_font
Name显示名称

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置当鼠标移到某坐标点时,该坐标点显示信息将包含勾选“显示名称”的字段。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name是否父子维

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

当字段有父子关系时,设置“是否父子维”为 ,可以基于父子关系结构字段构建父子关系树。

Image Modified

设置“是否父子维”为

Image Modified

预览效果

设置“是否父子维”为 

Image Modified

设置“是否父子维”为  

Image Modified

 

 

Title_font
Name根节点名称

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置根节点名称。

该名称填写时,需要输入存在的数据。例如:图形是 华北-北京-数量 ,根节点名称输入华南才会有数据显示。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name操作

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

预览效果

 

Title_font
Name源节点

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

源节点的上一个级别为目标节点。

最低级别的节点必定是源节点,当有两个或两个级别以上时,除了最高级别的节点,其他节点都可以作为源节点。

关于关系图的源节点、目标节点、关系名称设置以及图形的修饰,具体请参考 关系图

Image Modified

预览效果

红框内同级别皆为源节点,如图:

Image Modified

 

 

Title_font
Name目标节点

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

目标节点的下一个级别为源节点。

最高级别的节点必定是目标节点,当有两个或两个级别以上时,除了最低级别的节点,其他节点都可以作为目标节点。

Image Modified

预览效果

红框内同级别皆为目标节点,如图:

Image Modified

 

 

Title_font
Name关系名称

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

是指节点之间的关系描述,比如父子,可以不选择。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name指定地图

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

地图进行数据设置时,可以通过“指定地图”方式创建地图;

通过“指定地图”方式创建地图,其展示的区域地图是固定的;

Image Modified

预览效果

例如勾选字段为我国省份时,选择“中国”地图。

Image Modified

 

 

Title_font
Name从指定的地区参数得到地图

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

地图进行数据设置时,可以通过“从指定的地区参数得到地图”方式创建地图。

通过“从指定的地区参数得到地图”方式设置的地图,其展示的区域地图是动态的,参数可以控制显示的区域地图。且随着参数的切换,地图将显示相应的区域数据。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name百度地图

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

地图进行数据设置时,可以通过“百度地图”方式创建地图。

百度地图是ECharts图形与百度地图API相集成的一个图形展示,并可以将散点图、热力图展现在百度地图上。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name显示模式设置

Echarts图形显示模式设置包括“显示方式、显示开启3D散点”。

选择“3D地理坐标”,在其下方会出现“地理区域设置”,设置项请参考上方 指定地图 和 从指定的地区参数得到地图

Image Modified

 

 

Title_font
Name显示方式

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

选择3D航线图的显示方式,有“地球坐标”和“3D地理坐标”两种。

Image Modified

预览效果

两种显示方式效果如图:

Image Modified

 

 

Title_font
Name是否开启3D散点

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置坐标点是否开启3D散点,3D散点显示其地区名。

Image Modified

预览效果

设置开启与不开启3D散点效果对比,如图:

Image Modified

 

 

Title_font
Name数据设置

Echarts图形数据设置包括“区域标识、开始区域标识、结束区域标识、指标”。

开始区域标识和结束区域标识只在创建“航线图”或“3D航线图”时才出现,因为航线带有方向,所以这两个设置项代表着起点和终点。

Image Modified

 

 

Title_font
Name区域标识

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在区域标识勾选某字段,则在地图上将展现该字段的区域位置。

Image Modified

预览效果

Image Modified

 

 

Title_font
Name开始区域标识

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在开始区域标识勾选某字段,则该字段将作为“航线的起始位置”,与结束区域标识相对应。

Image Modified

预览效果

由飞机的行驶方向可知,北京为开始区域标识。

Image Modified

 

 

Title_font
Name结束区域标识

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在结束区域标识勾选某字段,则该字段将作为“航线的终止位置”,与开始区域标识相对应。

Image Modified

预览效果

由飞机的行驶方向可知,南昌市、成都市、青岛市等等为结束区域标识。

Image Modified

 

 

Title_font
Name指标

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

在指标勾选某字段,则该字段作为图形的数据数量特征的体现。

Image Modified

预览效果

指标值越大,其区域标识的颜色深浅程度越深。

Image Modified

 

 

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录