grafana/docs/sources/panels/visualizations/pie-chart-panel.md
Diana Payton ea185327ce
Docs: Add pie chart docs (#31926)
* Create pie-chart-panel.md

* Update pie-chart-panel.md

* Create legend-mode.md

* Update pie-chart-panel.md

* Update _index.md

* Update pie-chart-panel.md

* Update _index.md

* Create panel-legend.md

* Update panel-legend.md

* content updates

* Update whats-new-in-v7-5.md

* Update docs/sources/whatsnew/whats-new-in-v7-5.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update pie-chart-panel.md

* Update docs/sources/panels/visualizations/panel-legend.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update docs/sources/panels/visualizations/panel-legend.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update docs/sources/panels/visualizations/pie-chart-panel.md

Co-authored-by: Oscar Kilhed <oscar.kilhed@grafana.com>

* Update docs/sources/panels/visualizations/pie-chart-panel.md

Co-authored-by: Oscar Kilhed <oscar.kilhed@grafana.com>

* Update docs/sources/panels/visualizations/pie-chart-panel.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update panel-legend.md

* Update panel-legend.md

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>
Co-authored-by: Oscar Kilhed <oscar.kilhed@grafana.com>
2021-03-12 10:02:55 -08:00

2.7 KiB

+++ title = "Pie chart panel" keywords = ["grafana", "pie chart"] weight = 850 +++

Pie chart v2 panel

Note: This documentation refers to a beta feature.

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.

Pie chart panel

Data and field options

Time series visualizations allow you to apply:

  • [Data transformations]({{< relref "../transformations/_index.md" >}})
  • [Field options and overrides]({{< relref "../field-options/_index.md" >}})
  • [Thresholds]({{< relref "../thresholds.md" >}})

Display options

Use the following options to refine 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 the [Calculation list]({{< relref "../calculations-list.md" >}}).

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.

  • Numeric fields - All fields with numerical values.
  • All fields - All fields that are not removed by transformations.
  • Time - All fields with time values.
  • - Each field name is available in the list.

Pie chart type

Select the pie chart display style.

Pie

Pie type chart

Donut

Donut type chart

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.

Pie chart labels

{{< 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.