Angular Charts Overview

The Kendo UI for Angular Charts provide high-quality graphical data visualization options.

They include a variety of chart types and styles that have extensive configuration options. This flexibility allows you to quickly and easily create the exact chart you need to fit your specific requirements for functionality and appearance.

The Charts are built from the ground up and specifically for Angular, so that you get high-performance chart controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.

The Charts are part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Chart

A highly customizable chart of categorical, circular, freeform, and scatter series types

Sparkline

A set of tiny charts without chart-specific elements, designed to be embedded in content

StockChart

A specialized component for exploring financial time series

Sankey

A diagram for depicting fluctuating flows through different domains

Angular Charts and Graphs Key Features

Each Kendo UI for Angular Charts component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Angular Charts library as well as develop new features and controls to it.

Data Binding

The Charts and Graphs support the binding of their data series to arrays, arrays of arrays, objects, and observables. Beyond the actual series, other areas of the Chart, like the axis and labels, can all be bound to your data as well. Read more about the data binding of the Angular Chart...

Rendering Modes

The Charts and Graphs support two modes for rendering—Canvas (bitmap) and SVG (vector graphics). By default, the Charts are rendered through SVG. Switching between the two is as easy as updating a single configuration option. Read more about the rendering modes of the Angular Chart...

Export Options

The Angular Charts library provides built-in support to save your Charts as a PNG, PDF, SVG, and the Kendo UI Drawing format (useful for further processing). Read more about the export options of the Angular Chart...

Panning and Zooming

The Charts and Graphs offer intuitive panning and zooming interactions, allowing users to easily explore the data. The developer can enable or disable these features through the Chart options. Read more about the pan-and-zoom feature of the Angular Chart...

Configuration Options

The Charts and Graphs let you configure their behavior in various ways. This includes ready-to-use configuration components, out-of-the-box inline options, as well as configuration components built with Angular structural directives. Read more about the configuration options...

The Charts and Graphs work flawlessly with the Kendo UI ContextMenu for Angular so that you can integrate the two components. Read more about the ContextMenu of the Angular Charts....

Drilldown

The Kendo UI for Angular Charts support a drilldown functionality for exploring data in a view hierachy. Read more about the Drilldown functionality of the Angular Charts....

Appearance

The colors of the Charts are normally picked up by the current Kendo UI theme, but each aspect of the Chart can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the Progress ThemeBuilder online utility. Read more about styling the Chart...

Globalization

The Kendo UI for Angular Charts library support globalization and localization to ensure that each Chart component can fit in any application, no matter what languages and locales need to be supported. Additionally, the Angular Charts library supports rendering in a right-to-left (RTL) direction. Read more about Angular Charts globalization...

Accessibility

The Kendo UI for Angular Chart component is WCAG 2.2 AA and Section 508 compliant, incorporating WAI-ARIA best practices for modern web accessibility. The Angular Chart is also tested against the popular screen readers, including JAWS and NVDA. Read more about the accessibility of the Charts...

The Angular Charts support a number of keyboard shortcuts which allow users to accomplish various commands. Read more about the keyboard navigation of the Charts...

More Complex Charts

You can combine many of the chart features into the same component to achieve complex graphs with many series and varied configuration to suit your business needs.

You can explore the rest of the component documentation and the Angular Charts examples to see how to set up and configure each of its elements, provide data to it, and make it fit your scenario.

Types of Angular Charts and Graphs Available

Categorical

Area

Area charts and Vertical Area charts are categorical charts, which are suitable for displaying quantitative data by using continuous lines.

Bar

Bar charts and Column charts are categorical charts, which display data by using horizontal or vertical bars whose lengths vary according to their value.

Box Plot

Box Plot charts are categorical charts, which graphically render groups of numerical data through their quartiles.

Bullet

Bullet charts are categorical charts, which are a variation of the Bar charts.

Heatmap

Heatmap charts use colors to indicate the relative value of data points in two dimensions.

Line

Line charts and Vertical Line charts are categorical charts, which display continuous data as lines that pass through points defined by the values of their items.

Radar

Radar charts, also known as Spider charts, are categorical charts, which wrap the X axis in a circle or polygon.

Range Area

Range Area charts are categorical charts, which represent a variation of the Area charts.

Range Bar

Range Bar charts are categorical charts, which represent a variation of the Bar charts.

Waterfall

Waterfall charts are categorical charts, which display the cumulative effect of sequentially introduced positive or negative values.

Circular

Donut

Donut charts are circular charts, which represent a variation of the Pie charts and are capable of displaying multiple nested series.

Pie

Pie charts are circular charts, which display data in the form of single-series sectors from a two-dimensional circle and are useful for rendering data as part of a whole.

Freeform

Funnel

Funnel charts are freeform charts, which display a single series of data in progressively decreasing or increasing proportions that are organized in segments, where each segment represents the value for the particular item from the series.

Pyramid

Pyramid charts are freeform charts, which display a single series of data as pyramid segments, where each segment represents the value for the particular item from the series.

Scatter

Bubble

Bubble charts are scatter charts, which display data as points with coordinates and sizes that are defined by the value of their items.

Polar

Polar charts are scatter charts, which display two-dimensional data series in polar coordinates.

Scatter Plot

Scatter Plot and Scatter Line charts are the two main variations of scatter charts and are suitable for displaying numerical data.

Trial Version of Kendo UI for Angular

The Kendo UI for Angular Charts are part of the Kendo UI for Angular library. Kendo UI for Angular offers a 30-day trial with a full-featured version of the library–no restrictions! What’s more, you are eligible for full technical support during your trial period in case you have any questions. Sign up for a free 30-day trial of Kendo UI for Angular.

Angular Chart Library Support Options

For any questions about the use of Kendo UI for Angular Charts, or any of our other components, there are several support options available:

Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI for Angular outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.
Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.
Kendo UI for Angular feedback portal and Kendo UI for Angular roadmap provide information on the features in discussion and also the planned ones for release.
Kendo UI for Angular uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
Of course, the Kendo UI for Angular team is active on StackOverflow as well and you can find a wealth of questions and answers there.
Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.