عنصر مخطط النقاط / الفقاعات

نقاط X/Y لإظهار العلاقة بين مقياسين رقميين — مع بُعد ثالث اختياري (حجم العلامة) لنسخة مخطط الفقاعات.

آلية العمل

يُعرض المخطط كصورة PNG واحدة يولّدها الخادم (دون مكتبة مخططات تعمل في المتصفح، ودون JavaScript) مع جدول بيانات HTML مرئي دائمًا أسفلها، يسرد كل نقطة ترسمها الصورة. وعلى خلاف جدول الفئات المشتركة في المخطط الشريطي/الخطي أو جدول النسبة من الإجمالي في المخطط الدائري، فلمخطط النقاط شكل بديل خاص به. فلا محور فئات ولا حصة من إجمالي ينطبقان على مجموعة من النقاط المستقلة، ولذا فالجدول ببساطة صف واحد لكل نقطة: السلسلة، وX، وY، و(في وضع الفقاعات فقط) الحجم. ويعرض مفتاح مخطط فوقه، مرتّب حسب السلسلة، المربع اللوني لكل سلسلة وعدد نقاطها، لأن «كم نقطة» هو الرقم الملخّص الوحيد الذي تملكه السلسلة بطبيعتها.

تُكتب الصفوف باسم سلسلة اختياري، وقيمة X، وقيمة Y، وقيمة حجم اختيارية (لا معنى لها إلا في وضع الفقاعات). تُحدَّد هوية السلسلة كليًا مما تكتبه في عمود السلسلة — فالصفوف التي تشترك في اسم السلسلة نفسه تُجمَّع وتُلوَّن معًا، بترتيب أول ظهور. اترك السلسلة فارغة في كل الصفوف وستشترك كل النقاط في سلسلة ضمنية واحدة، تحمل اسم عنوان العنصر نفسه (أو "Series 1" إن لم يكن للعنصر عنوان). واكتب أسماء سلاسل مختلفة بدلًا من ذلك، فتنتج قائمة الصفوف نفسها مخطط نقاط متعدد الألوان فعلًا دون أي إعداد منفصل لـ«عدد السلاسل» في أي مكان — فبيانات الصفوف نفسها هي المصدر الوحيد لعدد السلاسل الموجودة. ويُتخطّى الصف الذي تنقصه قيمة X أو Y بدلًا من رسمه عند (0, 0)، لأن الخلية الفارغة ليست كالصفر المكتوب.

يفعّل مفتاح تبديل مخطط الفقاعات عمود الحجم: يتناسب نصف قطر علامة كل نقطة مع قيمة حجمها بدلًا من أن تكون نقطة ثابتة. ولا يؤدي إيقاف وضع الفقاعات إلى حذف أي شيء مكتوب في عمود الحجم — بل يُتجاهل فقط حتى يُعاد تفعيل المفتاح. ولا يظهر عمود الحجم في جدول البيانات أصلًا إلا ما دام وضع الفقاعات نشطًا، فلا يعرض جدول مخطط النقاط العادي أبدًا عمودًا فارغًا.

الحد الأقصى للمخطط 120 نقطة إجمالًا عبر كل السلاسل مجتمعة، و8 سلاسل، بما يطابق طول لوحة الألوان الفئوية نفسها. ويُحذف الصف المكتوب بعد تجاوز حد النقاط، بترتيب الكتابة — فليس لمخطط النقاط فئة «أخرى» طبيعية يُدمج فيها الفائض كما هو الحال في المخطط الدائري.

يعتمد هذا العنصر على الصفوف المكتوبة يدويًا فقط — فلا وضع فيها للربط بمصدر بيانات أو بردود حملة. راجع ربط المخططات ببيانات حقيقية لمعرفة أنواع المخططات الأربعة التي تدعم الربط.

الحقول القابلة للضبط:

• عنوان المخطط — يظهر فوق الصورة.
• مفتاح تبديل مخطط الفقاعات (يتحكّم عمود الحجم في حجم العلامة).
• البيانات — قائمة الصفوف (السلسلة + X + Y + الحجم).
• لون الخلفية، والحشو، والحدّ، واستدارة الزوايا للبطاقة.
• أزواج مستقلة من اللون/حجم الخط للعنوان ولنص مفتاح المخطط/الجدول.

أمثلة

يمكن لملخّص عمليات أسبوعي أن يرسم وقت الاستجابة (X) مقابل حجم التذاكر (Y) لكل موظف دعم، بنقطة واحدة لكل موظف ودون تجميع في سلاسل — قراءة بصرية سريعة لمن يتولّى حجمًا أكبر دون تباطؤ. وقد يجمّع تقرير استخدام المنتج النقاط في 2-3 سلاسل حسب فئة الباقة (Free/Pro/Business)، لكلٍّ منها لون مختلف، راسمًا درجة التفاعل مقابل عمر الحساب لمعرفة ما إذا كانت العلاقة تختلف باختلاف الفئة. ويمكن لتقرير مبيعات استخدام نسخة الفقاعات لرسم حجم الصفقة (X) مقابل أيام الإغلاق (Y)، مع ضبط عمود الحجم على عدد أصحاب المصلحة المعنيين. وهذه ثلاثة أبعاد رقمية في مخطط واحد دون محور رابع، وهو ما لا تضيفه هذه المجموعة من العناصر أبدًا.

كيف يبدو البديل الثابت

<div style="margin:12px 0;padding:16px;background-color:#ffffff;border-radius:8px">
  <p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Response time vs. ticket volume</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="320"
       alt="Scatter chart: Agent A (1 point), Agent B (1 point), Agent C (1 point)"
       style="display:block;max-width:100%;height:auto;margin:8px 0" />
  <table style="width:100%;border-collapse:collapse;margin-top:4px">
    <tr>
      <th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Series</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">X</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Y</th>
    </tr>
    <tr>
      <td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">Agent A</td>
      <td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">4.2</td>
      <td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">38</td>
    </tr>
  </table>
</div>

لا يحتوي جدول مخطط النقاط العادي (غير الفقاعي) على عمود الحجم إطلاقًا؛ فهو لا يظهر إلا بعد تفعيل مفتاح تبديل مخطط الفقاعات.

انظر أيضًا

• عناصر التحليلات والمخططات
• بطاقة مؤشرات الأداء
• المدرج التكراري