散布図チャートカード
相関ビュー - データが1つを運ぶときに3分の1つの測定によって置かれるレコードごとの1つの点。各コホートが独自の色を保持するので、各コホートはシリーズに分けられます。そのレコードに見出しを交換し、他のシリーズを薄暗くし、軸キャプションはプロットの下に座ります。
Revenue per account
742
+6.8%売上セッション
Starter ・ avg
270Growth ・ avg
783Scale ・ avg
1,388インストール
散布図チャートカードはBoardUI Proに含まれています。
ダークモード対応：この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.
共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。
泡なし
あらゆるポイントが運ぶとき自動で泡スイッチ z; パス bubble={false} 3番目の測定がエンコーディングに値しないときにもドット。
データデータ
series です。 { label, points, color? }[] 各ポイントは { x, y, z?, label? }. ポイントの label ホバーにヘッダが示されていることです。平均、凡例、およびタイルが派生しています。 期間のカプセルはあなたが渡るときドロップダウンです ranges.
// Points are grouped into series - each gets a colour, a legend row and a tile.// Any point carrying `z` turns the card into a bubble chart.<ScatterChartCard title="Revenue per account" series={[ { label: "Starter", points: [ { x: 12, y: 180, z: 40, label: "Acme" }, { x: 18, y: 240, z: 60, label: "Bolt" }, ], }, { label: "Growth", points: growthPoints, color: "var(--color-chart-6)" }, ]} axisLabels={["Sessions", "Revenue"]} // captions under the plot format={(n) => `$${n.toLocaleString()}`} // y measure formatX={(n) => `${n}k`} // x measure bubble={false} // force plain dots even when the data carries z tiles // average y per series below the chart/>