Skip to content

Latest commit

 

History

History
73 lines (39 loc) · 2.5 KB

design-patterns-controls-Donut.md

File metadata and controls

73 lines (39 loc) · 2.5 KB

Donut

Basics

Donut charts are a great way to visualize proportional data.

When to use

The SDK offers a set data visualization controls. Choose the one that is most suitable to your need.

  • AreaChart - displays quantitative data like a LineChart with the area between axis and the lines filled with colors.
  • BarChart - displays categorical data using rectangular bars of proportional length to represent values.
  • Donut - displays proportional data as part of a whole.
  • LineChart - displays a series of data points connected by straight line segments.
  • Map - displays data with longitude and latitude coordinates on a world map.
  • Metrics - displays a single value for a set of metrics
  • MonitorChartV2 - displays the metrics for your resource and inherently knows how to fetch data for your resource.
  • QuotaGauge - displays the current value relative to a quota (limit) and total.
  • ScatterChart - displays a plot of data points without any connecting lines
  • SingleMetric - displays a single value for a metric
  • SingleValueGauge - displays the status of a current value relative to an optional total.

Best practices

Use Donut charts to display data slices that are part of a whole.

Do

  • Use a Donut chart to display data that represents the parts of a whole set

Don't

  • Don't use a Donut to display data that has no relationship to a whole set

Developer tips and tricks

Interactive control and sample source code

Go to the playground site to use the latest control and get source code for your project. Learn more about playground.

Related info