BankCashFlowChart
Monthly inflow and outflow bars with net as a line across them, with period totals in the legend.
import { BankCashFlowChart } from "@cynco-labs/ui";Example
import { BankCashFlowChart } from "@cynco-labs/ui";
export default function BankCashFlowChartDemo() {
const d = [
["May", 96200, 83800],
["Jun", 78400, 82700],
["Jul", 112300, 93550],
["Aug", 88600, 79500],
["Sep", 91200, 93400],
["Oct", 104800, 89000],
].map((r) => ({ label: r[0] + " 2026", credits: r[1], debits: r[2], net: r[1] - r[2] }));
return <BankCashFlowChart data={d} />;
}Use
Banking overview / cash-flow lens.
Props
data [{label, credits, debits, net}], currency, title, className and native props (spread on the root).
Notes
Built on SectionPanel: the legend wraps under the title when narrow; chart fills the width.