Angular

Installation

npm install @chartts/angular

Basic usage

import { LineChartComponent } from '@chartts/angular'

@Component({
  standalone: true,
  imports: [LineChartComponent],
  template: `<chartts-line [data]="data" x="month" y="revenue" />`
})
export class DashboardComponent {
  data = [...]
}

Signals

Pass Angular signals as inputs. Charts react to signal changes automatically with fine-grained updates. Works with computed signals for derived data.

Standalone components

All chart components are standalone. Import only what you use. No NgModule registration required. Tree-shaking removes unused chart types.

SSR with Angular Universal

Charts render as static SVG on the server. Works with Angular Universal and the new built-in SSR. No special configuration needed.