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.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The chart supports large collection of series types that range from line to specialized financial chart. Pie and doughnut can be used to illustrate numeric proportion, whereas financial chart are used to present financial data. Better visualization and analysis of data can be done with the help of multiple axes, trackball, drilldown operations, and zooming features.


Chart Types

Plot more than 25 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.
  • Bubble or Scatter charts to plot financial or scientific data.
  • Candle or Hilo type charts for stock analysis.
  • Range type charts to represent high and low values at a point.
  • Radar or Polar type charts to plot data points in terms of angles and values.
  • Waterfall chart represents the cumulative effect of sequential positive or negative value.

High Performance

Several data-rendering optimizations are included for best possible performance when plotting large volumes of data as well as handling high frequency of real-time data.


Axis Type

Plot any type of data in a graph with the help of different axes type namely, numeric, category, date time, date time category, and logarithmic.

Numeric Axis

Uses numeric axis to represent numeric data in a chart.

DateTime Axis

Uses datetime axis to represent date in chart and displays date as axis labels with different formats.

Category Axis

Uses category axis to represent non-numerical data in a chart, and displays text labels instead of numbers.

DateTime Category Axis

Uses datetime category axis to display date values with non-linear intervals to display business days by skipping holidays.

Logarithmic Axis

Uses logarithmic scale to visualize data with both lower order of magnitude (e.g. 10-6) and higher order of magnitude (e.g. 106).


Customizable Chart Axis

Chart axis elements can be customized further to make the axis more readable.

Chart

Label Position

Enhances the space for rendering data point by moving the axis labels inside the chart area.

Chart

Label Rotation

Uses rotation to prevent labels from overlapping when the space for axis is small.

Chart

Inversed Axis

Reverses the axis labels and ticks. This swaps the higher and lower ranges of an axis.

Chart

Smart Range

Adds padding to the start and end ranges of an axis to avoid data cropping at the edge.

Chart

Opposed Axis

When the chart has multiple axes, arranges the axes smartly by moving them to opposite position from its default position.

Chart

Smart Axis Label

Avoids overlapping of axis labels by trimming, wrapping, rotating, hiding, or placing them on multiple rows.

Chart

Multiple Pane

Uses multiple panes to show different types of series for clear visualization of data. An indicator for the financial series can be visualized better by adding separate pane.

Chart

Multilevel Labels

Organizes or groups data points in the chart based on different categories. Both main category labels and sub-category labels can be rotated and trimmed to avoid overlapping.

Chart

Axis Crossing

Moves the origin of axis to any point within the chart area for better visualization of data. This allows the axis to cross with associate axis.

Chart

Multiple Axis

Plot different types of data against different axes in the same graph with the help of multiple axes feature. Data about the temperature can be plotted in Celsius and Fahrenheit with two different axes.


Strip Lines

Draws special attention to any region of the chart with the help of strip lines. You can also annotate the highlighted region with some notes. For example, different climate information for a year can be highlighted by using strip lines.


Technical Indicators

Uses technical indicators to analyze the past and predict the future market trends based on historic price, volume, or open interest.


Trendlines

Predicts the future trends with predetermined data for any measurement such as stock market, target revenue, etc. with the help of trendlines in the chart.


Error Bars

Handles any error or uncertainty in the measurements by adding error bars to the data points.


Annotations

Marks any specific area of interest by adding custom elements (shapes, images) to make charts more information-intensive.


Selection

Allows you to select a data point in a series for easy understanding of the selected data. Adding pattern and color to the selected data makes chart more interactive.

Selection


Range Selection

Allows advanced data visualization by selecting a subset of data that can then be processed further in the grid or chart.

Chart


User Interaction

The end user experience is greatly enhanced by including a set of user interaction features such as zooming and panning, crosshair, trackball, drill-down, events, and tooltip.

Chart

Zoom

Visualizes data points under any region of the chart by zooming the region using rectangular selection, pinch, or mouse wheel.

Chart

Tooltip

Adds an interactive pop-up for data point with its information on mouse hover.

Chart

Trackball

Tracks data points that are closer to the mouse position or touch contact. Displays information about pop-up data with more customizable options.

Chart

Crosshair

Inspects or targets any data point on mouse move with the help of crosshair. A thin horizontal line and a vertical line indicate the data point with the information displayed in an interactive tooltip.


Legends

Displays additional information about the chart series with the help of legend. The legend can also be used to select or collapse the series.

Positioning

Docks the legend anywhere in the chart area to make the chart fit best on the page.

Icon Customization

Customizes the legend icon with available built-in shapes such as rectangle, circle, diamond, pentagon, triangle, cross, and straight line to improve the readability of the chart.

Legend Customization

Customizes the look and feel of the legend with background and text-style options.

Paging

Enables paging when the legend item exceeds the bounds. Each legend item can be viewed by navigating between the pages.


Data label and Marker

Annotates data points with labels to improve the readability of data. The readability can further be enhanced by adding markers or customizable symbols.

Connector Line

Connects the labels that are moved away from the chart to its data point with the help of Bezier curve or straight lines.

Data label Template

Adds template to display data labels along with any HTML element such as image, DIV, and span to make data more informative.

Data label customization

Customizes the look and feel of data labels with font style, size, and color. Also, positions the label at the top, bottom, or center of the data point.

Data Point Marker

Marks data points with built-in shapes such as circle, rectangle, ellipse, vertical line, horizontal line, diamond, triangle, and pentagon. In addition to these shapes, uses images to make the point more attractive.


Smart labels

Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range.


Empty Points

Missed data in the data set for the series is elegantly handled with empty points. This will be useful while plotting stock data where the skipped holidays can be handled with this behavior.


Vertical chart

Inverts the vertical bar or a horizontal line by rotating the series.


Animation

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

Animation


Globalization

The chart enables users from different locales to use it by formatting date, currency, and numbering to suit preferences. The chart uses the Essential JS 2 internalization library for handling value formatting.


Exporting

Exporting

Export, PDF, SVG, Image

Exports the chart to PDF document or as image formats such as SVG, PNG, and JPEG in client-side.

Print

Print

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


Localization

Localization

Localization

All the chart strings in the user interface can be localized as needed. The chart uses the Essential JS 2 localization library to localize the strings.

RTL

Right to left {RTL}

The chart supports right-to-left rendering, allowing the series and axis direction and layout of the chart to be displayed from right to left. This improves the user experience and accessibility RTL languages.


45+ REACT COMPONENTS

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

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.