بطاقة مخطط التشتت
عرض الارتباط - نقطة واحدة لكل سجل موضوعة بمقياسين، ومُحجَّمة بمقياس ثالث عندما تحمله البيانات. تُجمَّع النقاط في سلاسل لتحتفظ كل مجموعة بلونها الخاص؛ يؤدي التمرير فوق إحداها إلى تبديل العنوان الرئيسي بذلك السجل وتعتيم السلاسل الأخرى، وتقع تسميات المحاور أسفل الرسم البياني.
Revenue per account
742
+6.8%التثبيت
بطاقة مخطط التشتت جزء من BoardUI Pro.
الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.
هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.
بدون فقاعات
تظهر الفقاعات تلقائيًا عندما تحمل أي نقطة z؛ مرّر bubble={false} للنقاط المتساوية عندما لا يستحق المقياس الثالث الترميز.
البيانات
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/>