BerichterstattungsdiagrammPrivate Vorschau
Zeigen Sie Diagramme in Ihren verbundenen Konten an.
„Berichtstabelle“ stellt eine UI-Komponente für verbundene Konten bereit, um Diagramme ähnlich denen im Stripe-Dashboard anzuzeigen, wie z. B. die Diagramme „Nettovolumen“ und „Bruttovolumen“.
Kontositzung erstellen
Aktivieren Sie beim Erstellen einer Kontositzung Reporting chart, indem Sie reporting_chart im components-Parameter angeben.
Notiz
Die Reporting chart-Komponente befindet sich in der privaten Vorschau und ist daher noch nicht in den Stripe-SDKs enthalten. Um sie beim Erstellen einer Kontositzung zu aktivieren, verwenden Sie diesen Code-Ausschnitt mit dem Stripe Beta SDK:
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}}'
Nachdem die Kontositzung erstellt und ConnectJS initiiert wurde, können Sie die Reporting chart-Komponente im Frontend rendern:
Komponente rendern
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);
| Methode | Typ | Beschreibung | Standard | Erforderlich oder optional |
|---|
setReportName | 'net_volume' | 'gross_volume' | Der Name des Berichts, der als Diagramm dargestellt werden soll. | | erforderlich |
setIntervalStart | Date | Die Startzeit zum Abfragen von Daten. Zurückgegebene Daten beginnen möglicherweise nach diesem Zeitstempel, wenn Daten spärlich sind. | Der Zeitpunkt des ersten Datenpunkts des verbundenen Kontos für den angegebenen Bericht. | optional |
setIntervalEnd | Date | Die Endzeit zum Abfragen von Daten. Zurückgegebene Daten können vor diesem Zeitstempel enden, wenn Daten spärlich sind. | Der Zeitpunkt des letzten Datenpunkts des verbundenen Kontos für den angegebenen Bericht. | optional |
setIntervalType | 'day' | 'month' | 'quarter' | 'year' | Wird verwendet, um die Granularität der Daten zu bestimmen. | Basierend auf der Dauer zwischen intervalStart und intervalEnd. Bei einem längeren Zeitrahmen werden standardmäßig weniger detaillierte Daten angezeigt. | optional |
Zugriff anfordern Private Vorschau
Melden Sie sich an, um Zugriff auf diese eingebettete Connect-Komponente in der privaten Vorschau anzufordern.
Wenn Sie kein Stripe-Konto haben, können Sie sich hier registrieren.