Skip to main content

Invoice comparative chart

Component: <pcp-invoice-comparative-chart>​

Outdated

This component is outdated and will be updated in the next major release.

Preview:​

Preview

Description​

This component provides a chart that summarizes the invoices values of all the company's cards or a single card, categorized by month. It helps users visualize spending patterns efficiently.

Usage​

import { PcpInvoiceComparativeChartComponent } from '@celerofinancas/pcp-client-ui';
<pcp-invoice-comparative-chart
    [cardId]="0"
/>

Inputs​

NameTypeDefaultDescriptionRequired
cardIdstringundefinedThe ID of the card for which expenses are summarized.NO

Dependencies​

  • @celerofinancas/class-utils
  • @celerofinancas/core-ts
  • @celerofinancas/ui-chart
  • @celerofinancas/ui-loaders
  • @swimlane/ngx-charts

Notes​

If cardId input is not provided, it will summarize all the cards invoices of the current company.