---
id: gross-payments-chart
title: Gross Payments Chart
description: Visualizes gross payment volume over time with tooltips and range selection.
sidebar_position: 43
---
import {
CodeBlock,
PropsMarkdownTable,
PartsMarkdownTable,
getPropsFromDocs,
getComponentParts,
getWebcomponentsVersion,
ComponentBox,
setUpMocks,
} from '../helpers';
import docsJson from '../docs.json';
import componentTreeJson from '../component-tree.json';
import '@justifi/webcomponents/dist/module/justifi-gross-payment-chart';
{setUpMocks()}
## Overview
Component to render chart displaying last 30 days of gross payment data.
## Usage
### Chart monthly volume
{``}
## Props, Events & Methods
### Events
- `error-event`: Surfaces API or token errors for logging.
## Theming & Layout
## Usage Example
---
---
{`
justifi-gross-payment-chart
`}