饼图

饼图用于分析数据的简单占比,您可以通过饼图很直观的看到每一个部分在整体中所占的比例。本文为您介绍如何为饼图添加数据并配置样式。

前提条件

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

图表概述

  • 使用场景

    维度值基于指标的占比结果进行分布显示,用突出、放大等效果进行数据结果表达,多用于维度值的分布。

  • 优势简介

    • 交互操作:可切换指标,配置图表内筛选条件。

    • 可视化效果:饼形、环形样式,并自定义标签显示等。

    • 备注能力:可配置指标等备注、尾注信息,可配置跳转链接至外部系统进行操作交互。

  • 效果图示例

    image

使用限制

为饼图添加数据时,有以下限制:

  • 扇区角度/度量由数据的度量决定,最少选择1个度量,最多选择10个度量。

  • 扇区标签/维度由数据的维度决定,只能选择1个维度。

图表字段配置

  1. 字段页签,选择需要的维度字段和度量字段。

    • 维度列表中,找到区域,双击或拖拽至扇区标签/维度区域。

    • 度量列表中,找到运输成本单价订单金额,依次双击或拖拽至扇区角度/度量区域。

  2. 单击更新

    更新后的图表显示如下。

    image..png

  3. 自动刷新

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

    image..png

图表样式配置

  • 您可以在图表设计数据页签,批量设置图表字段格式。

    image..png

    关于图表数据更多配置请参见配置图表字段

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

您可以在配置区顶部的搜索框中输入关键字快速查找配置项进行配置。同时单击右侧image..png图表支持操作展开/收起全部类别

配色设置..gif

扇形区域

扇形区域中,配置以下内容。

配置项名称

配置项示例

可视化样式切换

支持选择饼形、环形两种方式。

Untitled.gif

说明

环形支持自定义环形宽度。

配色设置

您可以为饼图设置配色

Untitled.gif

半径占比

设置饼图的半径占比。

Untitled.gif

合并数据为其他

选中合并数据为其他并配置扇形个数为3时,则第4个扇区的数据标签显示为其他。

您将鼠标悬浮至饼图的其他扇区,可以看到其他中合并的内容。

image.png

区块名称:可自定义设置合并后的区块名称,如:image

区块颜色:可以对合并后的区块配置颜色。image.png

图例

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

  • PC端配置

    image

    图表配置项

    配置项说明

    位置

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

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

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

    文本

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

    显示标签内容

    点击image图标可显示数据内容

    内容

    设置标签内展示的数据内容,支持选择度量占比

    与主图例间距

    设置标签与主图例的间距。

    文本样式

    当内容中选择了度量,支持为度量数据的数值文本设置格式;当内容中选择了占比,也支持为占比数据的文本设置格式。

    占比小数位数

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

  • 移动端配置

    image

    图表配置项

    配置项说明

    位置

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

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

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

    说明

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

    文本

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

    显示标签内容

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

    内容

    设置图例下标签展示的数据内容,支持选择占比。

    样式

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

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

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

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

    占比位置

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

    文本样式

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

    若内容中选择显示占比数据,支持为占比数据的文本设置格式,以区别于数值标签内容,增强不同数据间的视觉差异。

    占比小数位

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

数据标签

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

image..png

图表配置项

配置项说明

全量显示

设置是否全量显示数据标签。

内容

设置数据标签显示内容,支持选择维度、度量以及百分比。

位置

设置标签显示位置。

文本

设置标签文本样式。

工具提示

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

image

图表配置项

配置项说明

内容

设置提示信息内容,支持选择是否展示占比信息。

背景色

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

文本

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

移动端工具提示

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

image

总计

总计中,设置是否显示总计内容。

image..png

图表配置项

配置项说明

自定义名称

您可以自定义总计的名称。

文本样式

设置文本名称和文本数值的样式。

系列设置

系列设置中,设置系列样式。

image..png

说明

仅当启用颜色图例/维度时,才需要在系列设置中设置别名和数值显示格式设置。

图表配置项

配置项说明

请选择系列

根据业务场景选择维度或度量项。

别名

支持对系列名称进行别名设置。

辅助设置

辅助展示中,设置指标筛选展示以及缩略轴。

image..png

图表配置项

配置项说明

开启指标筛选展示

设置是否开启,开启后设置默认选中指标字段。

图表分析配置

配置项

名称

说明

数据交互

钻取

当您已在字段面板设置完成钻取字段时,可以在此处设置钻取层级行展示样式

联动

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

跳转

当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含参数跳转外部链接两种方式,具体设置请参见跳转设置与展示

标注

您可以使用图标、背景色以及维值颜色高亮的方式来对图表上特定部分进行标注。具体设置请参见标注

智能洞察

开启后可以智能解读图表信息。

删除图表

如果您想要删除图表,请按照下图指引进行操作。

image

后续步骤

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

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