页面树结构

版本比较

标识

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

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}

饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 

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

数据要求:

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

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

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

不适用场景:

1)数据类别过多 。

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

Title_font_1
Name标注环形图和南丁格尔玫瑰图的对比说明如下:

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

标准环形图南丁格尔玫瑰图南丁格尔玫瑰图(半径和面积模式)

环形图是由两个大小不一的饼图叠在一起,挖去中间的部分所构成的图形。色块面积比较小,留白更多,有更多空间留给信息标注和图文排版,使用时更灵活轻巧。 圆心角随半径变化,以圆心角大小和

圆心角随半径变化,以圆心角大小和扇形扇形半径

表示数据系列大小,可以得出大致的占比情况,给人强烈的差异感。

表示数据系列大小

1.实用性差异

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

2.图形构建差异

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

 


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

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

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

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

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

情景2:查看公司中哪种产品的销售情况最佳。

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

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

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

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

 

 

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

业务场景描述:

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

数据结构:

定制要点:

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

Image Added

预览效果:

Title_font_1
Name情景2

业务场景描述:

查看公司中哪种产品的销售情况最佳。

数据结构:

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

定制要点:

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

Image Added

预览效果: