Skip to content

Files

Latest commit

255a8f3 · Jul 6, 2020

History

History
70 lines (39 loc) · 2.46 KB

design-patterns-controls-LineChart.md

File metadata and controls

70 lines (39 loc) · 2.46 KB

LineChart

Basics

A LineChart displays a series of data points connected by straight line segments.

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 a line chart visualize a trend in data over time.

Do

  • Limit the number of data sets to 5 or fewer

Don't

  • Put too many data sets on the same chart

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