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 :
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
reporting-chart.js
JavaScript
React
No results
// 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);
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.
