@tanstack/angular-charts

Angular standalone-component adapter for @tanstack/charts.

pnpm add @tanstack/charts @tanstack/charts-scales @tanstack/angular-charts @angular/core @angular/platform-browser

import { defineChart } from '@tanstack/charts'
import { tooltip } from '@tanstack/charts/tooltip'
import { Chart } from '@tanstack/angular-charts'

@Component({
  imports: [Chart],
  template: `<tanstack-chart [options]="chartOptions" />`,
})
export class RevenueChart {
  chartOptions = {
    definition: defineChart(definition, { tooltip }),
    ariaLabel: 'Revenue by month',
  }
}

The component accepts one typed options input so Angular can track it as a single signal or immutable value.

Read the published Angular adapter guide and Chart reference.