Reporting chart renders a UI component for connected accounts to view charts similar to those on the Stripe Dashboard, such as the Net Volume and Gross Volume charts.
Create an Account Session
When creating an Account Session, enable Reporting chart by specifying reporting_chart in the components parameter.
Note
The Reporting chart component is in private preview, so the Stripe SDKs don’t include it yet. To enable it when creating an account session, use this code snippet with the Stripe beta SDK:
// Include this element in your HTMLconst container = document.getElementById("container");const reportingChart = stripeConnectInstance.create("reporting-chart");
reportingChart.setReportName("net_volume");
reportingChart.setIntervalStart(newDate(2023,11,17));
reportingChart.setIntervalEnd(newDate(2024,08,18));
reportingChart.setIntervalType("day");
container.appendChild(reportingChart);
Method
Type
Description
Default
Required or Optional
setReportName
'net_volume' | 'gross_volume'
The name of the report to render as a chart.
required
setIntervalStart
Date
The start time to query data. Returned data might start later than this timestamp if data is sparse.
The time of the connected account’s first data point for the report specified.
optional
setIntervalEnd
Date
The end time to query data. Returned data might end earlier than this timestamp if data is sparse.
The time of the connected account’s last data point for the report specified.
optional
setIntervalType
'day' | 'month' | 'quarter' | 'year'
Used to determine granularity of the data.
Based on the duration between intervalStart and intervalEnd. A longer time frame defaults to showing less granular data.
optional
Request access Private preview
Sign in to request access to this Connect embedded component in private preview.
If you don’t have a Stripe account, you can register here.
