页面树结构

版本比较

标识

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

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)不能用于包含零或负值的数据的展示。

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

title_font_1

Name标注环形图和南丁格尔玫瑰图的对比说明如下:
面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

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

环形图是由两个大小不一的饼图叠在一起,挖去中间的部分所构成的图形。

圆心角随半径变化,以圆心角大小和扇形半径表示数据系列大小

Image RemovedImage Removed

1.数据对比差异

  • 标准环形图:
  • 南丁格尔玫瑰图:显示每个类别占比的大小。

2.实用性差异

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

3.图形构建差异

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

     


    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)轴”。

    预览效果:

    Title_font_1
    Name情景2

    业务场景描述:

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

    数据结构:

    数据结构与情景1相同。

    定制要点:

    字段选择与情景1相同。

    预览效果: