Line Chart

import { Component } from '@angular/core';
import { WrLineChart } from 'ngwr/charts/line-chart';

@Component({ imports: [WrLineChart] })
export class MyComponent {}

<wr-line-chart [series]="series" [xLabels]="labels" />

<wr-line-chart [series]="series" [xLabels]="labels" />
<wr-line-chart [series]="series" [xLabels]="labels" [tooltip]="false" />

<wr-line-chart [series]="revenue" [xLabels]="labels" />
<wr-line-chart [series]="revenue" [xLabels]="labels" [valueFormat]="usd" />

const usdFormat = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  maximumFractionDigits: 0,
});

usd = (value: number): string => usdFormat.format(value);

interface WrLineSeries {
  label: string;
  data: readonly number[];
  color?: string;
}