Skip to content
Create account
or
Sign in
The Stripe Docs logo
/
Ask AI
Create account
Sign in
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Developer tools
Get started
Payments
Finance automation
Get started
Payments
Finance automation
Platforms and marketplaces
Money management
Overview
Get started with Connect
Integration fundamentals
Example integrations
Onboard accounts
Configure account Dashboards
    Get started with Connect embedded components
    Customize Connect embedded components
    Supported Connect embedded components
      Available Components
      Account management
      Account onboarding
      Balances
      Documents
      Financial account
      Financial account transactions
      Issuing card
      Issuing cards list
      Notification banner
      Payment details
      Payments
      Payouts
      Payouts list
      Tax registrations
      Tax settings
      Preview components
      App install
      App viewport
      Capital financing
      Capital financing application
      Capital financing promotion
      Disputes for a payment
      Export Tax Transactions
      Payment method settings
      Reporting chart
    Stripe Dashboard customization
    Platform controls for Stripe Dashboard accounts
    Express Dashboard
Accept payments
Pay out to accounts
Manage your Connect platform
Tax forms for your Connect platform
Work with connected account types
HomePlatforms and marketplacesConfigure account DashboardsSupported Connect embedded components

Reporting chartPrivate preview

Show charts to your connected accounts.

Copy page

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:

main.rb
Ruby
Stripe.api_key = '{{sk_INSERT_YOUR_SECRET_KEY}}' Stripe.api_version = '2023-10-16; embedded_connect_beta=v2;' account_session = Stripe::AccountSession.create({ account:
'{{CONNECTED_ACCOUNT_ID}}'
, components: { reporting_chart: {enabled: true} } })

After creating the account session and initializing ConnectJS, you can render the Reporting chart component in the frontend:

Render the component

reporting-chart.js
JavaScript
// Include this element in your HTML const container = document.getElementById("container"); const reportingChart = stripeConnectInstance.create("reporting-chart"); reportingChart.setReportName("net_volume"); reportingChart.setIntervalStart(new Date(2023, 11, 17)); reportingChart.setIntervalEnd(new Date(2024, 08, 18)); reportingChart.setIntervalType("day"); container.appendChild(reportingChart);
MethodTypeDescriptionDefaultRequired or Optional
setReportName'net_volume' | 'gross_volume'The name of the report to render as a chart.required
setIntervalStartDateThe 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
setIntervalEndDateThe 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.

Was this page helpful?
YesNo
Need help? Contact Support.
Join our early access program.
Check out our changelog.
Questions? Contact Sales.
LLM? Read llms.txt.
Powered by Markdoc