All Components

Charts Overview

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.


The Chart component is published as a scoped package on the on the Progress NPM Registry (

Install the package by using NPM.

To install the npm package, it is recommended to use the Node.js 5.0.0 or later versions.

   npm install --save @progress/kendo-angular-charts

Once installed, import the ChartsModule in your application bootstrap.

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 {
In this article