Categories expenses chart
Component: <pcp-categories-expenses-chart>
Preview:
Description
This component provides a chart that summarizes the expenses of all the company's cards or a single card, categorized by expense type. It helps users visualize spending patterns efficiently.
Usage
import { PcpCategoriesExpensesChartComponent } from '@celerofinancas/pcp-client-ui';
<pcp-categories-expenses-chart
[cardId]="0"
[title]="'Gastos totais por categoria'"
[subTitle]="'Gastos totais'"
[isBlocked]="false"
[loading]="false"
/>
Inputs
| Name | Type | Default | Description | Required |
|---|---|---|---|---|
cardId | string | undefined | The ID of the card for which expenses are summarized. | NO |
title | string | 'Gastos totais por categoria' | The main title of the chart. | NO |
subTitle | string | 'Gastos totais:' | The subtitle providing additional context. | NO |
isBlocked | boolean | false | Indicates whether the card is blocked. | NO |
loading | boolean | false | Whether the component is in a loading state. | NO |
Dependencies
- @celerofinancas/class-utils
- @celerofinancas/core-ts
- @celerofinancas/ui-chart
- @celerofinancas/ui-common
- @celerofinancas/ui-directives
- @celerofinancas/ui-pipes
Notes
If cardId input is not provided, it will summarize all the cards categories of the current company.