レポートのチャート非公開プレビュー
連結アカウントにチャートを表示します。
レポートのチャートでは連結アカウントの UI コンポーネントが表示されます。純売上高や総売上高のチャートなど、Stripe ダッシュボードのチャートに類似したチャートが表示されます。
アカウントセッションを作成する
アカウントセッションの作成時に、components パラメーターで reporting_chart を指定して、Reporting chart を有効にします。
注
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:
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}}'
After creating the account session and initializing ConnectJS, you can render the Reporting chart component in the frontend:
コンポーネントをレンダリングする
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);
| Method | Type | 説明 | 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 |
アクセスをリクエストする プライベートベータ版
サインインして、プライベートベータ版の Connect 埋め込みコンポーネントへのアクセスをリクエストします。
Stripe アカウントがない場合は、こちらから登録できます。