We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


A sparkline is tiny chart that helps present trends and variations associated with a measurement, such as average temperature or stock market activity, in a simple, lightweight, and condensed manner.

Sparkline types

There are four types of sparklines (line, column, area, and win/loss), which are used to show data trends.

Line sparkline

Line sparkline

A line sparkline identifies the patterns and trends in data such as seasonal effects, large changes, and turning points over a period of time.

Column sparkline

Column sparkline

A column sparkline is designed to show different values of two or more subjects. Vertical bars can be used to represent different values.

Area sparkline

Area sparkline

An area sparkline is a line sparkline with the area between its points colored. This is primarily used when the magnitude of the trend is to be communicated rather than individual data values.

Win/loss sparkline

Win/loss sparkline

A win/loss sparkline is used to show whether each value is positive, negative, or zero to visualize a win/loss scenario, such as results in games.


A marker is used to highlight a data point in line and area sparklines and make these sparklines more readable.

Customizing sparkline marker color and its transparency

Color customization

The default marker color and its transparency can be customized.

Customizing sparkline marker size

Size customization

The default size of a marker can be customized to enhance readability.

Points highlight

The color of key data points such as the first, last, high, and low points can be highlighted and customized to denote the data usage.

First and last points highlight support in sparkline

First and last points highlight

The color of the first and last points of a sparkline can be customized.

High and low points highlight support in sparkline

High and low points highlight

The color of the high and low points of a sparkline can be customized.

Range band

A range band is used to highlight a particular region in a sparkline to show the range of safe values. By setting the minimum and maximum ranges for range band, the outliers can be easily identified.

Range band support in sparkline

Sparkline axis

An axis of a sparkline can be configured and customized to show the origin of sparkline data points.

Sparkline axis


  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon