All Components

Charts Overview

The Charts are a set of Angular components for building common chart types.

They cover the full spectrum from basic bar charts to financial time series. The Chart lets the user explore data series visually by using a set of predefined chart types. It is possible to simultaneously display multiple data series provided they are of the same or compatible type.


  1. The Charts package is published on the Progress NPM Registry. To set up your access, follow the steps in Installation.

  2. Download and install the package:

    npm install --save @progress/kendo-angular-charts
  3. Once installed, import the ChartsModule in your application root module:

    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { ChartsModule } from '@progress/kendo-angular-charts';
    import { AppComponent } from './app.component';
        bootstrap:    [AppComponent],
        declarations: [AppComponent],
        imports:      [BrowserModule, ChartsModule]
    export class AppModule {


The Charts package requires the following peer dependencies that have to be installed by your application:

  • @angular/common
  • @angular/core
  • rxjs

The following dependencies will be installed automatically:

  • @progress/kendo-angular-intl
  • @progress/kendo-angular-popup
  • @progress/kendo-angular-resize-sensor
  • @progress/kendo-charts
  • @progress/kendo-drawing
In this article