The chart control supports a large collection of series types that range from line to specialized financial charts. Pie and doughnut charts can be used to illustrate numeric proportion, whereas financial charts are used to present financial data. Better visualization and analysis of data can be done with the help of multiple axes, trackball, drill-down operations, and zooming features.
Plot more than 32 chart types. Each chart type is easily configurable with built-in support for creating stunning visual effects.
Areatype charts for representing time-dependent data, showing trends in data at equal intervals.
Bartype 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.
Pyramidtype charts to represent data in proportions.
Scattertype charts to plot financial or scientific data.
Hilotype charts for stock analysis.
Rangetype charts to represent high and low values at a point.
Polartype charts to plot data points in terms of angles and values.
Waterfalltype chart to represent the cumulative effect of sequential positive or negative values.
Several data-rendering optimizations are included for the best possible performance when plotting large volumes of data as well as handling a high frequency of real-time data.
Plot any type of data in a graph with the help of different axes types: numeric, category, date-time, date-time category, and logarithmic.
Use a numeric axis to represent numeric data in a chart.
Use a date-time axis to represent dates in chart and display dates as axis labels with different formats.
Use a category axis to represent non-numerical data in a chart and display text labels instead of numbers.
Uses a date-time category axis to display date values with nonlinear intervals in order to display business days by skipping holidays.
Use a logarithmic scale to visualize data with both lower orders of magnitude (e.g., 10-6) and higher orders of magnitude (e.g., 106).
Chart axis elements can be customized further to make the axis more readable.
Enhance the space for rendering data points by moving the axis labels inside the chart area.
Use rotation to prevent labels from overlapping when the space for an axis is small.
Reverse the axis labels and ticks. This swaps the higher and lower ranges of an axis.
Adds padding to the start and end ranges of an axis to avoid data cropping at the edge.
When the chart has multiple axes, arrange the axes smartly by moving them to the opposite position from their default positions.
Avoids the overlapping of axis labels by trimming, wrapping, rotating, hiding, or placing them on multiple rows.
Use 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 panes.
Organizes or groups data points in the chart based on different categories. Both main category labels and subcategory labels can be rotated and trimmed to avoid overlapping.
Move the origin of an axis to any point within the chart area for better visualization of data. This allows the axis to cross with an associated axis.
Plot different types of data against different axes in the same graph with the help of the multiple axes feature. For example, data about the temperature can be plotted in Celsius and Fahrenheit with two different axes.
Draw special attention to any region of the chart with the help of strip lines. You can also annotate the highlighted region with notes. For example, different climate information for a year can be highlighted by using strip lines.
Use technical indicators to analyze the past and predict future market trends based on historic prices, volume, or open interest.
Predict the future trends with predetermined data for any measurement such as the stock market, target revenue, etc., with the help of trendlines in the chart.
Handle any error or uncertainty in the measurements by adding error bars to the data points.
Mark any specific area of interest by adding custom elements (shapes, images) to make charts more information-intensive.
Select a data point in a series for easy understanding of the selected data. Adding patterns and color to the selected data makes charts more interactive.
Allows advanced data visualization by allowing you to select a subset of data that can then be processed further in the grid or chart.
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 tooltips.
Visualize data points in any region of the chart by zooming the region using rectangular selection, pinch, or the mouse wheel.
Add an interactive pop-up for a data point with its information displayed on mouse hover.
Track data points that are closer to the mouse position or touch contact. Display information about pop-up data with more customizable options.
Inspect or target 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.
Display additional information about the chart series with the help of a legend. The legend can also be used to select or collapse the series.
Dock the legend anywhere in the chart area to make the chart fit best on the page.
Customize the legend icons with available built-in shapes such as rectangles, circles, diamonds, pentagons, triangles, crosses, and straight lines to improve the readability of the chart.
Customize the look and feel of the legend with background and text-style options.
Enable paging when the legend items exceed the bounds. Each legend item can be viewed by navigating between the pages.
Annotate data points with labels to improve the readability of data. The readability can further be enhanced by adding markers or customizable symbols.
Connect the labels at a distance from the chart to their data points with the help of Bezier curves or straight lines.
Add a template to display data labels along with any HTML element such as images, DIV, and spans to make data more informative.
Customize the look and feel of data labels with font style, size, and color. Also, position the label at the top, bottom, or center of the data point.
Mark data points with built-in shapes such as circles, rectangles, ellipses, vertical lines, horizontal lines, diamonds, triangles, and pentagons. In addition to these shapes, uses images to make the point more attractive.
Supports smart arrangement of data labels to avoid overlapping when the data point values fall in close range.
Allows the points in pie series to be grouped. The grouped slices can be split into individual points by clicking the slice.
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.
Invert the vertical bar or a horizontal line by rotating the series.
Update the chart dynamically with live data that changes in seconds or minutes like stock prices, temperature, etc.
The chart series can be animated when rendering and refreshing the chart widget.
The chart enables users from different locales to use it by formatting dates, currency, and numbering to suit preferences. The chart uses the Essential JS 2 internalization library for handling value formatting.
Export the chart to a PDF document or in an image format such as SVG, PNG, and JPEG in client-side.
Print the rendered chart directly from the browser. Multiple charts in a webpage can also be printed together.
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.
The chart supports right-to-left rendering, allowing the series, axis direction, and layout of the chart to be displayed from right to left. This improves the user experience and accessibility for RTL languages.