@syncfusion/ej2-charts
TypeScript icon, indicating that this package has built-in type declarations

25.1.40 • Public • Published

JavaScript Chart Control

The JavaScript Chart control is a well-crafted charting component for visualizing data with 50+ charts and graphs, ranging from line to financial types. It can bind data from datasource such as array of JSON objects, OData web services or DataManager. All chart elements are rendered using Scalable Vector Graphics (SVG).

What's Included in the JavaScript Charts Package

The JavaScript Charts package includes the following list of components.

JavaScript Chart

The JavaScript Chart Component is a feature-rich chart control with built-in support for over 50 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.

Getting started . Online demos . Learn more

JavaScript Chart Control

Key features

JavaScript Accumulation Chart

Built-in support for pie, doughnut, pyramid and funnel series type, to show the proportions and percentages between the categories.

Getting started . Online demos . Learn more

JavaScript Accumulation Control

Key features

  • Chart types: Supports Pie, Doughnut, Pyramid and Funnel charts.
  • Smart labels: Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range.
  • Grouping: Supports grouping of data points based on value and point count.
  • Semi-pie: Provides options to customize the start and end angle of the pie chart.
  • Legend: Provides options to display additional information about the points with the help of legend.
  • Tooltip: Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection.

JavaScript Stock Chart

The JavaScript Stock Chart is a well-crafted, easy-to-use financial charting package to track and visualize stock price of any company over a specific period using charting and range tools.

Getting started . Online demos . Learn more

JavaScript Stock Chart Control

Key features

  • Data binding: Bind the stock chart control with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data.
  • Range selector: Supports range selector to filter a date range for data that needs to be visualized.
  • Period selector: Supports period selector to select predefined periods just by a single click.
  • Technical indicators: Incidators allows 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 measurements.
  • Stock events: Supports stock events to show different kinds of market events on the chart.
  • Export: Provides the options to Export the stock chart to PDF, SVG and CSV formats.
  • Appearance: Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options.
  • Tooltip: Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.

JavaScript Range Navigator

The JavaScript Range Navigator control is an interface for selecting a small range from a large collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.

Getting started . Online demos . Learn more

JavaScript Range Navigator Control

Key features

  • Data sources: Bind the range navigator control with an array of JSON objects or DataManager.
  • Tooltip: Provides great user experiance by including a set of interactive features such as tooltip, events, and animaiton.
  • Lightweight: Supports light-weight range navigator to load in mobile device.
  • Period-selector: Provides options to select the data over the custom period.
  • Axis types: Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.

JavaScript Sparkline

The JavaScript Sparkline is a very small chart control drawn without axes or coordinates. The sparklines are easy to interpret and convey more information to users by visualizing data in a small amount of space.

Getting started . Online demos . Learn more

JavaScript Sparkline Control

Key features

  • Series types: Supports five types of sparklines : line, area, column, win loss, and pie to show data trends.
  • Axis types: Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string.
  • Data label: Supports data label to annotate points with label to improve the readability of data.
  • Range band: Provides options to highlight specific range of values.
  • Tooltip: Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball.

JavaScript Bullet Chart

The JavaScript Bullet Chart is an interface to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures and compares them with a target value.

Getting started . Online demos . Learn more

JavaScript Bullet Chart Control

Key features

  • Multiple measures: Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once.
  • Legend: Provides options to display additional information about the target and actual bar.
  • RTL support: Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left.
  • Tooltip: Provides options to display additional information about target and actual on mouse hover.

JavaScript Smith Chart

The JavaScript Smith Chart visualize data of high frequency circuit applications. It contains two sets of circles to plot parameters of transmission lines.

Getting started . Online demos . Learn more

JavaScript Smith Chart Control

Key features

  • Legend: Provides options to display additional information about the series.
  • Data label: Supports data label to annotate points with label to improve the readability of data.
  • Tooltip: Provides options to display additional information about data points on mouse hover.
  • Print and Export: Provides support to print and export the rendered smith chart for future use.

Supported frameworks

Chart control is also offered in following list of frameworks.


     Angular    

       React      

       Vue         

  ASP.NET Core  

  ASP.NET MVC  

Showcase samples

Support

Product support is available through following mediums.

Changelog

Check the changelog here. Get minor improvements and bug fixes every week to stay up to date with frequent updates.

License and copyright

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for 80+ JavaScript UI controls, you can purchase or start a free 30-day trial.

A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.

See LICENSE FILE for more info.

© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

Package Sidebar

Install

npm i @syncfusion/ej2-charts

Weekly Downloads

54,033

Version

25.1.40

License

SEE LICENSE IN license

Unpacked Size

40.9 MB

Total Files

518

Last publish

Collaborators

  • syncfusionorg
  • essentialjs2
  • syncfusion-javascript