PrimeUI Angular Chart

@primeui/angular-chart provides the Angular components for building PrimeUI charts.

Installation

Install the component and its styles.

npm install @primeui/angular-chart @primeui/chart-style

Requires @angular/core and @angular/common as peer dependencies.

Import

Import ChartModule to get every part, or import parts individually.

import { ChartModule } from '@primeui/angular-chart';

<p-chart-svg>
    <p-chart-line [data]="data" categoryXField="category" valueYField="value" />
    <p-chart-x-axis />
    <p-chart-y-axis />
    <p-chart-legend />
    <p-chart-tooltip />
</p-chart-svg>

Swap the root for <p-chart-canvas> to render the same composition to a canvas.

Narrow public composition contexts are available from @primeui/angular-chart/context.

Styles

Load the structural stylesheet and PrimeOne theme once in your application entry file.

@import '@primeui/chart-style/style.css';
@import '@primeui/chart-style/themes/primeone.css';

License

Licensed under the PrimeUI Commercial License - Copyright (c) PrimeTek Informatics