New to Kendo UI for Angular? Start a free 30-day trial

Angular Charts Dependencies and Standalone Utilities

This article explores the utilities provided by the Kendo UI for Angular Charts for standalone components and the required dependencies for the package.

Kendo Angular Charts Utility Arrays

The concept of standalone components in Angular enables you to import only the components and directives in use.

For convenience, all related Charts components and directives are logically combined into a single utility array that you can directly import in your standalone component. At the same time, you can still import individual components, directives, and pipes from the Charts API.

For example, the KENDO_SPARKLINE utility array allows you to use the Kendo UI for Angular Sparkline and all its features in your standalone component.

import { Component } from '@angular/core';
import { KENDO_SPARKLINE } from '@progress/kendo-angular-charts';

@Component({
    standalone: true,
    selector: 'my-app',
    imports: [KENDO_SPARKLINE]
})

The following table lists the exported utility arrays that you can import in your standalone Angular project.

Utility Array	Includes
`KENDO_CHART`	Chart component
`KENDO_SPARKLINE`	Sparkline component
`KENDO_STOCKCHART`	StockChart component
`KENDO_SANKEY`	Sankey chart
`KENDO_CHARTS`	All Charts components and directives

Kendo Angular Charts Dependencies

The following table lists the required dependencies that the Charts package needs to work as expected.

Package Name	Description
@angular/common	Provides the commonly-needed services, pipes, and directives provided by the Angular team. For more information, refer to the official Angular documentation.
@angular/core	Contains critical runtime parts of the Angular framework that are needed by every application. For more information, refer to the official Angular documentation.
@progress/kendo-angular-common	Contains common utilities that are needed by every Kendo UI for Angular component.
@progress/kendo-angular-intl	Provides the Kendo UI for Angular services and pipes for the parsing and formatting of dates and numbers.
@progress/kendo-angular-l10n	Provides the globalization features of Kendo UI for Angular.
@progress/kendo-angular-navigation	Provides the Kendo UI for Angular Breadcrumb component.
@progress/kendo-angular-popup	Contains the Kendo UI for Angular Popup component.
@progress/kendo-drawing	Provides the Kendo UI cross-browser library for interactive vector graphics.
@progress/kendo-charts	Contains basic Kendo UI Charts utilities that are needed for the Kendo UI for Angular Charts to work properly.
@progress/kendo-licensing	Contains the `kendo-ui-license` CLI utility for license management and the internal infrastructure related to licensing.
rxjs	Provides the RxJS library for reactive programming which uses Observables for an easier composition of asynchronous or callback-based code.

Angular Charts Dependencies and Standalone Utilities

Kendo Angular Charts Utility Arrays

Kendo Angular Charts Dependencies

Learning Resources