旭日图

旭日图又称多层饼图,它通过一系列嵌套的圆环来展示数据间的层次结构。它适合于展示复杂的层次数据,例如公司的组织结构、各部门的预算分配、网站的页面浏览路径等。

前提条件

已创建仪表板,请参见新建仪表板

图表概述

旭日图由多层环形组成,每一层环形代表一个层级,每一个扇形区域代表一个大类或一个子类。内层的扇形区域为最高层级的大类,外层的扇形区域则为该大类下的子类。同时,旭日图通过不同的颜色和文本标签,直观地展示各个层级之间的关系和比例。image

您可以从旭日图中分析获取以下信息:

  • 层次结构:旭日图每一层代表一个层级。上图中最内层代表商品大类,最外层代表对应的商品子类,清晰地展示了商品种类之间的层级关系。

  • 占比分布:通过图表中每个扇形区域的大小,呈现各类数据之间的差异及分布情况。例如,通过上图外层扇形的大小,您可以直观地看出家具产品中桌子的占比较高。

使用场景

旭日图的一般使用场景如下:

  • 组织结构分析,例如:展示公司的组织结构、上下层级,查看每个层级的人员分布和比例。

  • 市场销售分析,例如:展示各品类商品在市场的销售占比和关系。

  • 地理区域数据分析,例如:展示某一商品在不同地区的销售情况及比例。

优势简介

  • 可视化效果:支持通过调整图表样式,达到更直观的展示效果,例如:添加图例、数据标签、工具提示等辅助配置。

  • 备注能力:可自定义备注和尾注信息,支持配置跳转到外链路径,实现数据与其他系统之间的交互。

  • 交互操作:支持联动、跳转、图表内筛选等。

图表字段配置

本文以各类型产品的订单数量分析为例,进行字段配置说明。

  1. 数据面板中选择需要的字段,并通过双击或拖拽的方式,配置到字段页签下的相应区域中。image

    • 扇区标签/维度区域,配置当前图表的大类及其下子类字段。

      本例拖入产品类型产品小类字段,作为后续分析的主要类目。

      说明
      • 最多配置5个维度字段。

      • 配置的字段顺序需为:大类在前,子类在后。

    • 扇区角度/度量区域,配置当前图表的主要分析指标,

      本例拖入订单数量,作为后续分析的主要指标。

      说明

      最多配置10个度量字段。配置完成后,您可以在右上角的指标筛选器中切换需要查看的度量字段。111

  2. 单击更新,系统将自动更新图表。image

  3. (可选)当您需要在工具提示中查看某个度量的数据信息时,可以将该度量添加至工具提示/度量image

  4. (可选)当您需要对展示的数据进行筛选时,可以将待筛选字段拖入过滤器区域,例如:需要过滤掉某些区域的数据时,可以将区域字段拖入过滤器区域,并点击image图标在设置过滤器窗口中,筛选出需要的数据。image

  5. (可选)自动刷新

    设置该选项后,系统将会自动刷新图表数据。例如,选中该选项并设置时长为5,单位选择。则每间隔5分钟,系统自动刷新该图表的数据。image

图表样式配置

下面为您介绍图表的样式配置,图表通用的标题与卡片配置请参见配置图表标题区

image

绘图区域

样式页签下的扇形区域中,设置旭日图的扇形样式。

image

图表配置项

配置项说明

配色模式

设置扇形区域的配色模式,支持选择按类别递减按类别同色

  • 按类别递减:同类别的扇形区域颜色从大类到子类,呈由深至浅变化。该模式侧重展示层级间的深度和层次感,可以使报表查看者快速识别不同层级的位置及各层级间的比例关系。image

  • 按类别同色:同类别的扇形区域颜色相同。该模式侧重于展现各类别之间的区分,可以使报表查看者快速识别同一层级内不同类别的区分及其之间的比例关系。image

配色设置

设置扇形区域的配色方案,支持为每个大类的维度值自定义颜色。111

外环半径

设置图表外环扇形区域的半径大小。111

内环半径

设置图表内环的半径大小。111

图例

图例中,点击image图标即可开启图表图例,并设置图例样式。

  • PC端配置image

    图表配置项

    配置项说明

    位置

    设置图例的显示位置及对齐方式。

    • 当显示位置选择为时:支持选择居左、居中以及居右的对齐方式。

    • 当显示位置选择为时:支持选择顶部、居中、底部的对齐方式。此时您还可以进一步设置图例与图表数据内容间的距离。

    文本

    设置图例文本样式,支持设置字体颜色、大小、粗细及是否倾斜。

    显示标签内容

    开启后可在图例中显示度量值与占比值的具体数据,支持进行以下配置。

    • 内容:设置图例中显示的数据内容,支持选择度量占比

    • 与主图例间距:设置数据文本与图例文本间的距离。

    • 文本样式:设置显示在图例中的数据文本的样式。

    • 占比小数位数:当内容中选择了占比时,可在此进一步设置占比数据的小数位数。

  • 移动端配置image

    图表配置项

    配置项说明

    位置

    设置移动端图例的显示位置及对齐方式。

    • 当显示位置选择为时:支持选择居左、居中以及居右的对齐方式。

    • 当显示位置选择为时:支持选择顶部、居中、底部的对齐方式。此时您还可以进一步设置图例与图表内容间的距离。

    说明

    当位置选择为时,可开启图例下标签,开启后不支持自定义对齐方式。

    文本

    设置移动端图例中,度量名称的文本样式,支持设置字体颜色、大小、粗细及是否倾斜。

    显示标签内容

    位置选择为,点击image图标可开启图例下标签

    内容

    图例下标签开启后默认展示度量值,您可以进一步选择是否展示占比数据。

    样式

    设置图例下标签文本的排版方式,支持选择以下方式。

    • 多行等分:根据每行最多可展示中填入的列数,及每页最多可展示中填入的行数,自动等分排列标签。image

    • 一行平铺:所有标签内容在同一行显示。image

    • 纯文本:无图标仅展示文字内容,且文字颜色将跟随对应度量在图表中的线条颜色。image

    占比位置

    内容中选中了展示占比数据,且样式选择为多行等分一行平铺时,您可以进一步设置占比数据的显示位置,支持选择位于数值标签的下方右侧111

    文本样式

    样式选择为多行等分一行平铺时,可进一步设置数值与占比文本的样式。

    占比小数位

    内容中选择了显示占比数据时,可按需调整占比的小数位数。

    文本全量展示

    样式选择为多行等分一行平铺时,可能会遇到度量名称过长而被隐藏的情况,此时如果您仍需要显示完整的度量名称,可勾选文本全量展示

数据标签

数据标签中,设置是否显示数据标签以及标签样式。

image

图表配置项

配置项说明

全量显示

在相关标签内容状态为显示的前提下,设置是否同时显示所有标签。

当标签之间的位置相近、空间较小,此时标签会重叠在一起。您可以通过关闭全量显示,以达到视觉上的清晰效果。111

标签模式

设置数据标签的显示模式,支持选择常规内部外圈发散111

  • 常规内部标签显示在每个节点扇形区块内部。该模式下支持调整标签文本的方向。

  • 外圈发散:仅展示最内层与最外层标签,且最外层标签显示在扇形区块外部。该模式下不支持调整标签文本的方向。

方向

当标题模式为常规内部时,支持调整数据标签文本的方向,可以选择自动径向切向111

文本

设置数据标签中文本的样式。

工具提示

工具提示中,点击image图标即可开启工具提示,并设置工具提示的样式。

说明

工具提示中显示的字段需在字段面板下的工具提示/度量区域中配置。

image

图表配置项

配置项说明

内容

选择是否在工具提示中展示占比信息。

背景色

设置工具提示框的背景填充色。

文本

设置工具提示框中文本的样式,支持设置字体颜色、大小、粗细及是否倾斜。

移动端工具提示

PC端和移动端的工具提示开关相互独立,您可以通过仪表板编辑页面顶部的PC端/移动端切换按钮(image)进入移动端编辑视图,编辑移动端的工具提示。其中,字体大小支持PC端和移动端分别设置,其余的样式为统一配置。image

总计

样式页签下的总计中,设置是否在图表中展示当前度量字段的总计信息。image

图表配置项

配置项说明

自定义名称

根据实际需求自定义输入总计信息的名称。例如:年度总计、季度总计等。

文本样式

设置总计名称及数值的文本样式。

辅助展示

样式页签下的辅助展示中,设置指标筛选展示。image

图表配置项

配置项说明

开启指标筛选展示

设置是否开启指标筛选展示,开启后可以配置筛选器中默认选中的字段。

图表分析配置

图表配置项

配置内容

配置项说明

数据交互

只看

当只需要查看某个分类中的数据时,您可以点击该分类的扇形区域,仅查看该分类下的数据分布情况。查看完成后,点击图表中心空白区域,或标题旁按钮取消只看。111

联动

当需要分析的数据存在于不同的图表,您可以通过图表联动,把多个图表关联起来,形成联动进行数据分析。具体设置请参见联动

跳转

当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含产品内跳转、页面内组件外部链接三种方式。具体设置请参见跳转

后续步骤

  • 当其他人需要查看仪表板时,您可以分享仪表板给特定的人,请参见分享仪表板

  • 当您需要制作复杂的带导航菜单,用于专题类分析时,可以将创建好的仪表板集成到数据门户,请参见创建PC端数据门户