@syncfusion/ej2-ng-charts

ej2-ng-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 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 this package and its dependent packages, use the following command

npm install @syncfusion/ej2-ng-charts

Components included

Following list of components are available in the package

• Chart - Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.
  • Getting Started
  • View Online Demos
  • Product Page
• Accumulation Chart - Built-in support for Pie, Doughnut, Pyramid and funnel series type, to show the proportions and percentages between the categories.
  • Getting Started
  • View Online Demos
  • Product Page
• Range Navigator - 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
  • View Online Demos
  • Product Page

Supported frameworks

Chart components are available in following list of

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

Showcase samples

• Expanse Tracker (Source, Live Demo)
• Loan Calculator (Source, Live Demo)
• Stock Chart (Live Demo)

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.

Support

Product support is available for through following mediums.

• Creating incident in Syncfusion Direct-trac support system or Community forum.
• New GitHub issue.
• Ask your query in Stack Overflow with tag syncfusion, ej2.

License

Check the license detail here

Changelog

Check the changelog here

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