Angular Chart Library

Native Angular components for 65+ chart types. Zone-aware change detection, OnPush compatible, Tailwind CSS integration, and full TypeScript support. Under 15kb for the entire library.

$npm install @chartts/angular
example.tsx
import { CharttsModule } from "@chartts/angular"

@Component({
  template: `
    <chartts-line
      [data]="data"
      x="month"
      y="revenue"
      class="h-64"
      lineClass="stroke-cyan-400"
    />
  `,
})
export class DashboardComponent {
  data = [
    { month: "Jan", revenue: 4200 },
    { month: "Feb", revenue: 5800 },
    { month: "Mar", revenue: 7100 },
  ]
}

Features

Native Angular components
Zone-aware change detection
OnPush compatible for performance
Tailwind CSS class binding
Full TypeScript support
65+ chart types
Under 15kb gzipped
Read the DocsSee DemosExamples