Chart

import { ProfitAndLoss } from "@layerfi/components";
…
<ProfitAndLoss>
  <ProfitAndLoss.Chart />
</ProfitAndLoss>

body .Layer__component {
  /* Revenue bars. Also colors the diagonal stripe pattern on the uncategorized portion of the bar. */
  --bar-color-income: blue;

  /* Expense bars. Also colors the diagonal stripe pattern on the uncategorized portion of the bar. */
  --bar-color-expenses: red;

  /* Net profit line color. Defaults to var(--color-base-1000). */
  --pnl-chart-line-color: green;

  /* Net profit line thickness, in pixels. Defaults to 1. */
  --pnl-chart-line-stroke-width: 2;
}