Graphique de suiviVersion bêta privée
Affichez des graphiques pour vos comptes connectés.
La section Graphique de reporting affiche un composant d’interface utilisateur permettant aux comptes connectés de visualiser des graphiques similaires à ceux du Dashboard Stripe, tels que les graphiques de volume net et de volume brut.
Créer une session de compte
Lorsque vous créez une session de compte, activez Reporting chart en spécifiant reporting_chart dans le paramètre components.
Remarque
Le composant Reporting chart est en version bêta privée ; les SDK Stripe ne l’incluent donc pas encore. Pour l’activer lorsque vous créez une session de compte, utilisez cet extrait de code avec la version bêta des SDK Stripe :
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}}'
Après avoir créé la session du compte et initialisé ConnectJS, vous pouvez générer le rendu du composant Reporting chart dans le front-end :
Rendu du composant
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);
| Moyen de paiement | Type | Description | Par défaut | Obligatoire ou facultatif |
|---|
setReportName | 'net_volume' | 'gross_volume' | Nom du rapport à afficher sous forme de graphique. | | obligatoire |
setIntervalStart | Date | L’heure de début de l’interrogation des données. Le retour des données peut débuter plus tard que cet horodatage si les données sont peu nombreuses. | L’heure du premier point de données du compte connecté pour le rapport indiqué. | facultatif |
setIntervalEnd | Date | L’heure de fin de l’interrogation des données. Le retour des données peut se terminer avant cet horodatage si les données sont peu nombreuses. | L’heure du dernier point de données du compte connecté pour le rapport indiqué. | facultatif |
setIntervalType | 'day' | 'month' | 'quarter' | 'year' | Permet de déterminer le niveau de granularité des données. | En fonction de la durée entre intervalStart et intervalEnd. Une période plus longue entraîne par défaut l’affichage de données moins détaillées. | facultatif |
Demander l’accès Private preview
Connectez-vous pour demander l’accès à ce composant intégré Connect en version bêta privée.
Vous pouvez créer un compte Stripe si vous n’en avez pas.