页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。
评论: Migration of unmigrated content due to installation of a new plugin



面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

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}
饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。        2)

标准环形图和南丁格尔玫瑰图都是饼图的变形图。

标准环形图是饼图挖去中间一部分所构成的图形,每个色块表示各数据数量的比例

南丁格尔玫瑰图是通过扇形面积和半径显示数据的占比情况,面积和半径表示数据的占比大小。

Title_font_1
Name饼图特点说明如下:

优势:明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。

数据要求:

1)一个分类值,一个指标值。

 1)一个或多个分类值,一个或多个指标值。

2)数据类别不宜过多,建议不超过10项。

适用场景:侧重于描述在整个系统中,每个个体所占的权重。

不适用场景:

1)数据类别过多 。

2)不能用于包含零或负值的数据的展示。

2)单纯比较不同类别间的数据大小,建议使用 

3)单纯比较不同类别间的数据大小,建议使用 普通柱图/堆积柱图 。





Title_font

_1

Name

标注环形图和南丁格尔玫瑰图的对比说明如下: 面板borderColor#FFFFFFbgColor#F0F0F0borderWidth1borderStyle

目录

标准环形图南丁格尔玫瑰图

环形图是由两个大小不一的饼图叠在一起,挖去中间的部分所构成的图形。色块面积比较小,留白更多,有更多空间留给信息标注和图文排版,使用时更灵活轻巧。 圆心角随半径变化,以圆心角大小和扇形半径表示数据系列大小,可以得出大致的占比情况,给人强烈的差异感。

Image RemovedImage Removed

1.实用性差异

  • 标准环形图:空白部分可以标注信息和图文排版,使用更加灵活轻巧。
  • 南丁格尔玫瑰图:通过圆心角和半径控制大小,使图形大小差别巨大,给人强烈的差异感。

2.图形构建差异

  • 标准环形图圆环形状,中间部分空白。
  • 南丁格尔玫瑰图以圆心角大小和扇形半径的变化表示数据系列大小。

 

Title_fontName

solid

业务情景

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

我们在业务分析中,经常会对数据进行分析对比。

下面,我们将以汽车公司为例,年底对公司汽车销售情况进行数据分析时,通常会有如下分析需求:

数据对比分析需求分析效果
情景1:查看公司中各产品类别销售额的占比情况并需要在图中标注信息。

该需求的数据对比分析,是想要查看各类产品的销售额的占比并且在图中标注一些信息,建议通过标准环形图实现。

1、分类轴上显示各类别产品。

2、指标轴上分布销售额。情景1:查看公司中各级别汽车销售规模的占比情况。

该需求的数据对比分析,是要查看各级别汽车的销售规模的占比,建议通过标准环形图或 标准饼图 实现。

这里以标准环形图为例。

1、分类轴上显示级别。

2、指标轴上分布销售规模。

该情景实现的详情请参考 情景1

Image RemovedImage Added
情景2:查看公司中哪种产品的销售情况最佳。情景2:查看公司中哪种级别的汽车销售规模最大。

该需求的数据对比分析,是以产品为基准,能够直接看出最佳销售情况的产品,建议通过南丁格尔玫瑰图实现。该需求的数据对比分析,是以级别为基准,能够直接看出最大销售规模的级别,建议通过南丁格尔玫瑰图实现。

1、分类轴上显示各类别产品。1、分类轴上显示级别。

2、指标轴上分布销售额。2、指标轴上分布销售规模。

该情景实现的详情请参考 情景2

Image Removed

 

 
Image Added



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_1
Name情景1

业务场景描述:查看公司中各产品类别销售额的占比情况并需要在图中标注信息。

查看公司中各级别汽车销售规模的占比情况。

数据结构:

Image RemovedImage Added

定制要点:

将“级别”字段作为“分类(X)轴”,“销售规模”字段作为“指标(Y)轴”。

将“产品类别”字段作为“分类(X)轴”,“销售额”字段作为“指标(Y)轴”。Image Added

预览效果:

Image RemovedImage Added

Title_font_1
Name情景2

业务场景描述:

查看公司中哪种产品的销售情况最佳。查看公司中哪种级别的汽车销售规模最大。

数据结构:

Image Removed数据结构与情景1相同。

定制要点:

将“产品类别”字段作为“分类(X)轴”,“销售额”字段作为“指标(Y)轴”。字段选择与情景1相同。

Image Added

预览效果:

Image Removed

 

 Image Added