mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
* builds out refactored setup topics * Automatically fix some relrefs with mv-manager Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * Use refs for tutorials content which is outside of this repository Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * Manually fix complicated relrefs Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * consolidates team sync and db encryption topics * Fix relrefs Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * updates setup index file * Convert TOML to YAML Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * Add current alias for new alerting content Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * Add current aliases to new setup-grafana and configure-security pages Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * Update docs/sources/setup-grafana/configure-grafana/_index.md Co-authored-by: Torkel Ödegaard <torkel@grafana.com> * moves saml docs, updates order in TOC * Manually fix relrefs Signed-off-by: Jack Baldry <jack.baldry@grafana.com> * added usage insights topics, adjusted weights * corrected relrefs * Fix relrefs broken in rebase Signed-off-by: Jack Baldry <jack.baldry@grafana.com> Co-authored-by: Jack Baldry <jack.baldry@grafana.com> Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
85 lines
2.8 KiB
Markdown
85 lines
2.8 KiB
Markdown
---
|
|
aliases:
|
|
- /docs/grafana/latest/panels/visualizations/pie-chart-pane/
|
|
- /docs/grafana/latest/visualizations/pie-chart-panel/
|
|
keywords:
|
|
- grafana
|
|
- pie chart
|
|
title: Pie chart
|
|
weight: 850
|
|
---
|
|
|
|
# Pie chart
|
|
|
|
{{< figure src="/static/img/docs/pie-chart-panel/pie-chart-example.png" max-width="1200px" lightbox="true" caption="Pie chart visualization" >}}
|
|
|
|
The pie chart displays reduced series, or values in a series, from one or more queries, as they relate to each other, in the form of slices of a pie. The arc length, area and central angle of a slice are all proportional to the slices value, as it relates to the sum of all values. This type of chart is best used when you want a quick comparison of a small set of values in an aesthetically pleasing form.
|
|
|
|
## Value options
|
|
|
|
Use the following options to refine the value in your visualization.
|
|
|
|
### Show
|
|
|
|
Choose how much information to show.
|
|
|
|
- **Calculate -** Reduces each value to a single value per series.
|
|
- **All values -** Displays every value from a single series.
|
|
|
|
### Calculation
|
|
|
|
Select a calculation to reduce each series when Calculate has been selected. For information about available calculations, refer to [Calculation types]({{< relref "../panels/calculation-types/" >}}).
|
|
|
|
### Limit
|
|
|
|
When displaying every value from a single series, this limits the number of values displayed.
|
|
|
|
### Fields
|
|
|
|
Select which field or fields to display in the visualization. Each field name is available on the list, or you can select one of the following options:
|
|
|
|
- **Numeric fields -** All fields with numerical values.
|
|
- **All fields -** All fields that are not removed by transformations.
|
|
- **Time -** All fields with time values.
|
|
|
|
## Pie chart options
|
|
|
|
Use these options to refine how your visualization looks.
|
|
|
|
### Pie chart type
|
|
|
|
Select the pie chart display style.
|
|
|
|
### Pie
|
|
|
|

|
|
|
|
### Donut
|
|
|
|

|
|
|
|
### Labels
|
|
|
|
Select labels to display on the pie chart. You can select more than one.
|
|
|
|
- **Name -** The series or field name.
|
|
- **Percent -** The percentage of the whole.
|
|
- **Value -** The raw numerical value.
|
|
|
|
Labels are displayed in white over the body of the chart. You might need to select darker chart colors to make them more visible. Long names or numbers might be clipped.
|
|
|
|
The following example shows a pie chart with **Name** and **Percent** labels displayed.
|
|
|
|

|
|
|
|
{{< docs/shared "visualizations/tooltip-mode.md" >}}
|
|
|
|
{{< docs/shared "visualizations/legend-mode.md" >}}
|
|
|
|
### Legend values
|
|
|
|
Select values to display in the legend. You can select more than one.
|
|
|
|
**Percent -** The percentage of the whole.
|
|
**Value -** The raw numerical value.
|