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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The JSP Sparkline charts control, which is also known as inline graph or tiny charts is a data visualization tool that helps represent trends and variations associated with a measurement—such as average temperature or stock market activity—in a simple, lightweight, and condensed manner. This is a toolkit to display data when there is space constraints, for example, viewing on the mobile device, placing inside a grid cell, etc.

Sparkline types

The JSP Sparkline charts control supports five types of sparklines (line, column, area, win-loss, and pie) to show the data trends.

JSP sparkline chart rendered in line types.

Line sparkline

Use line sparkline to represent patterns and trends in data, such as seasonal effects, large changes, and turning points over a period of time.

JSP sparkline chart rendered in area type.

Area sparkline

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

JSP sparkline chart rendered in column type.

Column sparkline

Show different values of two or more subjects using column sparkline; use vertical bars to represent different values.

JSP sparkline chart rendered in win-loss type.

Win-loss sparkline

Use win-loss sparkline to show if each value is positive, negative, or zero to visualize win/loss scenarios such as results in games.

JSP sparkline chart rendered in pie type.

Pie sparkline

A pie sparkline is a circular graph that is divided into slices to illustrate numeric proportions.

Axis customization

Configure and customize axes in the sparkline graphs to show the origin and range of data points.

JSP sparkline chart rendered with customized axis.

Special points customization

Denote data usage in JSP Sparkline charts by highlighting and customizing special data points, such as first, last, high, low, and negative points.

JSP sparkline chart rendered with customized special points.


The marker highlights data points in a line and area sparklines and makes these sparklines more readable.

JSP sparkline chart rendered with markers.


The interactive sparkline charts provide options to display details about data point values through a tooltip when hovering the mouse over a data point.

Displays a tooltip on moving mouse over the data points in JSP sparkline charts.

Range band

Highlight a particular region in the JSP Sparkline charts control using range band to show the range of safe values. By setting the minimum and maximum ranges for a range band, the outliers can easily be identified.

JSP sparkline chart rendered with a range band.

Touch and browser support

The interactive Sparkline Control also supports touch interactions.

Touch illustration

Touch support

All the sparkline features will work on touch devices with zero configuration. Use the touch features such as tooltip and track line without any customization.

Responsive illustration


You can view the JSP Sparkline charts control on various devices. You can also hide specific elements in a sparkline for particular screen sizes by making minimal changes to the events.

Cross-browser illustration

Cross-browser support

You can render Sparkline Control in all the modern browsers.


Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile