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
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The chart control can plot over 30 chart types ranging from line charts to specialized financial charts. Its rich feature set includes functionalities like data binding, multiple axes, trackball, drill-down operations, and zooming.


Responsive Illustration in JSP Chart Control

Browser Compatibility

All modern browsers and devices are supported. The chart is rendered as SVG in all the modern browsers and automatically rendered as VML on Internet Explorer 8 and below.

Performance in JSP Chart Control

High Performance

The chart control includes several data-rendering optimizations to achieve the best possible performance when plotting large volumes of data as well as handling high frequency real-time data.


Chart Types

The chart control includes functionality for plotting more than 30 chart types. Each chart type is easily configurable with built-in support for creating stunning visual effects.

  • Line or Area type charts for representing time-dependent data, showing trends in data at equal intervals.
  • Column or Bar type charts for comparing the frequency, count, total, or average of data in different categories. They are ideal for showing variations in the value of an item over time.
  • Pie or Pyramid type charts to represent data in proportions.
  • Polar or Radar to perform a visual comparison between several quantitative or qualitative aspects of a situation.
  • Bubble or Scatter charts to plot financial or scientific data.
  • Waterfall chart representing the cumulative effect of sequential positive or negative value.
  • Candle or HiLo type charts for stock analysis.
  • Range Column or Range Area series to represent high and low values at a point.
  • 3-D Charts for pie, doughnut, and column or bar type series.

Customizable Chart Axis

Chart supports four different types of axes: Numerical, Categorical, Datetime, and Logarithmic.

Inverted axis in JSP Chart control

Inverted Axis

Invert values in an axis in the opposite direction.

View Demo >

Multiple axis in JSP Chart control

Multiple Axis

Add multiple axes.

View Demo >

Multiple panes in JSP Chart control

Multiple Panes

Add multiple panes to a chart.

Smart range in JSP Chart control

Smart Range

The best possible axis ranges and intervals are calculated automatically based on the given values. The ranges can also be further customized using range padding.

Opposed axis in JSP Chart control

Opposed Axis

Render opposed axis in a side opposite to the default position.

Axis labels in JSP Chart Control

Axis Labels

The chart control provides many customization options for the axis labels, including positioning, placement, label format, and rotation. It also has options for avoiding labels overlapping.

View Demo >

Axis crossing in JSP Chart Control

Axis Crossing

Chart origin can be moved to any point within the chart area.

View Demo >


Strip Lines

Chart area can be customized with the help of strip lines. This is useful for visually representing the different regions within a chart range.

View Demo >

Strip lines in JSP Chart control


Technical Indicators

The chart control has built-in support for RSI, Momentum, Bollinger band, accumulation distribution, EMA, SMA, stochastic, ATR, MACD, and TMA indicators.

View Demo >

Indicators in JSP Chart Control


Trendlines

The chart control has built-in support for rendering linear, exponential, logarithmic, power, polynomial, and moving average trendlines.

View Demo >

Trendlines in JSP Chart control


Error Bars

Error bars are used to plot possible errors or uncertainty in data points.

View Demo >

Errorbars in JSP Chart Control


Annotations

Annotations display metadata about the chart or series at specific points of interest in the plotting area.

View Demo >

Annotation in JSP Chart Control


Highlight and Selection

Highlight and select a series or data point with patterns or colors. Data in multiple ranges can also be selected.

View Demo >


User Interaction

The end user experience is greatly enhanced by a set of included user interaction features such as:
Zooming and Panning , Crosshair , Trackball , Drill-down , Events , and Tooltip

Zooming in JSP Chart control

Zoom and Pan

Zooming and panning are useful when visualizing large amounts of data.

View Demo >

Crosshair in JSP Chart Control

Crosshair

Crosshair is used to inspect or focus on an individual data point.

View Demo >

Trackball in JSP Chart control

Trackball

Trackball is used to track a data point closer to the current cursor position or touch contact point.

View Demo >

Tooltip in JSP Chart control

Tooltip

Tooltip displays a pop-up with information when the cursor is hovered over a data point.

View Demo >

Toolbar in JSP Chart control

Zooming Toolbar

Contains buttons for zoom in/out, reset, pan, etc.


Legend

Legends provide additional information that is helpful in identifying individual series in a chart.

Placement

Legends can be placed at the left, right, top, or bottom of the chart area or they can be docked anywhere within the chart area.

View Demo >

Customization

Legend icon, title, and alignment can also be customized as required.

Customizing JSP Chart


Data Labels and Markers

Data points can be easily annotated with labels to indicate their measure and dimension to help improve the readability of data. Data points can also be enhanced by adding markers or customizable symbols.

View Demo >

DataLables in JSP Chart Control

Smart Labels

Data labels are automatically arranged to avoid intersection when there are large amounts of data.

View Demo >


Empty points in JSP Chart Control

Empty Points

Empty point values are elegantly handled with several customizable options.

View Demo >

DataBinding in JSP Chart Control

Data Binding

Chart can be bound with local JSON data or data from the server.

View Demo >


Localization support in JSP Chart Control

Localization

All the text within the chart can be localized to any desired language.

View Demo >

Themes in JSP Chart Control

Appearance

There are several built-in themes available, including dark, light, and gradient.

View Demo >

Animation in JSP Chart Control

Animation

Chart series can be animated when rendering and refreshing the chart widget.

View Demo >

Exporting support in JSP Chart Control

Export

Charts can be exported to a Word document, PDF document, Excel file, and image formats such as SVG, PNG, and JPEG in client and server side.

View Demo >

Printing support in JSP Chart Control

Print

The rendered chart control can be printed directly from the browser. One or more number of charts in a web page can be printed together.

View Demo >


60+ JSP CONTROLS

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

Awards

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