Skip to content

Latest commit

 

History

History
70 lines (39 loc) · 2.53 KB

design-patterns-controls-Metrics.md

File metadata and controls

70 lines (39 loc) · 2.53 KB

Metrics

Basics

Metrics displays a single value for a set of metrics

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 Metrics to show multiple metrics for easy comparison of those values. For example, the user may want to know the current CPU, Memory and free storage for a VM

Do

  • Clearly label the metrics

Don't

  • Don't overwhelm the user by showing too many metrics.

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