@syncfusion/ej2-charts

Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.

Usage no npm install needed!

<script type="module">
  import syncfusionEj2Charts from 'https://cdn.skypack.dev/@syncfusion/ej2-charts';
</script>

README

ej2-charts

The Chart control is used to visualize the data with user interactivity and provides customizing options to configure the data visually. 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).

Chart

Chart is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at https://www.syncfusion.com/downloads/essential-js2

Setup

To install Chart and its dependent packages, use the following command

npm install @syncfusion/ej2-charts

Components included

Following list of components are available in the package

Supported frameworks

These components are available in following list of

  1. Angular
  2. React
  3. Vue.js
  4. ASP.NET Core
  5. ASP.NET MVC
  6. JavaScript (ES5)

Showcase samples

Key Features

Chart

  • Chart Types - Supports 25 interactive chart types starting from line to financial chart.
  • Data sources - Bind the Chart component with an array of JSON objects or DataManager.
  • Axis Types - Supports multiple axes, and able to plot data with different data types such as numbers, datetime, logarithmic and string.
  • Multiple Pane - Provides the options to split the chart area into multiple pane.
  • Multilevel Labels - Organizes or groups data points in the chart based on different categories.
  • Axis Crossing - Provides the option to moves the origin of axis to any point within the chart area.
  • Smart Labels - Avoids overlapping of axis labels by trimming, wrapping, rotating, hiding, or placing them on multiple rows.
  • Stripline - Provides options to highlight and annotate any region in chart.
  • DataLabel - Datalabel annotates data points with label to improve the readability of data.
  • 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.
  • Error Bars - Provides options to handle any error or uncertainity in the measurements.
  • Empty Points - Provides options to handle missed data for the series elegantly with empty points.
  • Annotation - Provides support to mark any specific area of interest by adding custom element.
  • Vertical Chart - Provides options to invert the chart.
  • Zooming - Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming.
  • Crosshair & Trackball - Provides options to track data points closer to the mouse position or touch action.
  • Selection - Allows you to select any data point or subset of points using selection feature.
  • Export - Provides the options to Export the chart to PDF, SVG and CSV formats.
  • RTL support - Provides a full-fledged right-to-left mode which aligns axis in the chart control from right to left.

Accumulation Chart

  • Chart Types - Supports Pie, Doughnut, Pyramid and Funnel.
  • Smart Labels - Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range.
  • Grouping - Supports grouping 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 - Supports interactive features like tooltip, selection and explode.
  • Empty Points - Provides options to handle missed data for the series elegantly with empty points.

Range Navigator

  • Data sources - Supports local binding and remote data source.
  • Tooltip - Supports interactive features such as tooltip and animation.
  • 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 series types to plot the data.

Sparkline

  • Series types - Supports five types of series: line, area, column, win loss, and pie.
  • Axis value types - Supports three types of axis: numeric, cateogy, and date-time.
  • Marker and Data label - Provides options to display additional information about data points.
  • Range band - Provides options to highlight specific range of values.
  • Tooltip and Trackline - Supports interactive features such as tooltip and trackline.

Smith chart

  • Series - Supports any number of series to display data points.
  • Legend - Provides options to display additional information about the series.
  • Marker and Data label - Provides options to display additional information about data points.
  • 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.

Support

Product support is available for through following mediums.

License

Check the license detail here

Changelog

Check the changelog here

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