عنصر المخطط الخطي / المساحي

اتجاه عبر تسلسل مرتّب — أسابيع، أو أشهر، أو مراحل مسار تحويل عبر الزمن — يُرسم خطًّا متصلًا، أو منطقة مظلّلة أسفله عند تفعيل مفتاح التعبئة. بما يصل إلى 3 سلاسل.

آلية العمل

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

شكل الكتابة مطابق لشكل المخطط الشريطي: عمود الفئة واحد (وهو هنا عادةً فترة زمنية — «الأسبوع 1»، «الاثنين»، «الربع 1» — وإن كان يمكن أن يكون أي تسمية مرتّبة) إضافة إلى ما يصل إلى ثلاثة أعمدة رقمية للسلاسل. السلسلة 1 نشطة دائمًا، وتستعير عنوان المخطط نفسه اسمًا لها إن لم تضبط لها اسمًا. ولا تُفعَّل السلسلتان 2 و3 إلا بعد منحهما اسمًا، فلا يظهر عمود القيم المملوء جزئيًا الذي لا تسمية لسلسلته خطًّا شبحيًا بلا اسم أبدًا. تُرسم كل سلسلة نشطة خطًّا خاصًا بها بلونها الخاص؛ ولا يظهر مفتاح المخطط إلا عند تفعيل سلاسل عددها 2 أو أكثر.

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

علامات النقاط (دوائر صغيرة مصمتة عند كل قيمة بيانات مكتوبة) تُرسم فوق الخط لكل فئة، حتى نحو 20 فئة. وبعد هذا الحد تتناقص العلامات وتتوقّف عن الرسم فرادى، لأنها عند الكثافة العالية ستتداخل في لطخة متصلة على طول الخط بدلًا من أن تُقرأ نقاطًا متمايزة. ويواصل الخط المرسوم نفسه ومحور القيم المشترك وجدول البيانات نقل الاتجاه بعد هذا الحد — فلا شيء في قراءة المخطط يعتمد فعليًا على العلامات.

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

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

يمكن للمخطط الخطي أيضًا ربط صفوفه بمصدر بيانات متصل بدلًا من كتابتها. يحوّل حقل التجميع حسب كل قيمة مميّزة إلى نقطة على محور الفئات، ويقترن بما يصل إلى 3 حقول للسلاسل، لكل منها دالة تجميع خاصة. ويمكن لعامل تصفية اختياري الإشارة إلى وسوم الدمج الخاصة بالمستلم لعرض الاتجاه نفسه لكل مستلم على حدة. راجع ربط المخططات ببيانات حقيقية لمعرفة التفاصيل الكاملة، بما في ذلك وضع نتائج ردود الحملة.

أمثلة

يمكن لملخّص عمليات أسبوعي أن يعرض عدد التذاكر المفتوحة على مدى آخر 8 أسابيع خطًّا واحدًا، مع بقاء علامات النقاط ظاهرة عند هذا العدد، فيعطي قراءة فورية لما إذا كان الاتجاه يتحسّن. وقد يستخدم ملخّص مبيعات مخططًا مساحيًا معبّأً للإيرادات التراكمية على مدى ربع سنة، بسلسلة لكل خط منتجات (حتى 3). فيرى القارئ الاتجاه الفردي، ويرى بصريًا أيضًا التظليل المجمّع يتراكم أسبوعًا بعد أسبوع. ويمكن لتقرير أداء متكرر أن يرتبط مباشرة بمصدر بيانات محصور لكل مستلم عبر عامل تصفية بوسم دمج — «استخدام حسابك هذا الشهر» — فيعرض المخطط الخطي في مشروع واحد اتجاهًا مختلفًا لكل مستلم في الإرسال نفسه.

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

<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">Open tickets</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="280"
       alt="Line chart: Week 1 (Open tickets 42); Week 2 (Open tickets 35); Week 3 (Open tickets 28)"
       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">Category</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600;font-size:12px;color:#6b7280">Open tickets</th>
    </tr>
    <tr>
      <td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">Week 1</td>
      <td style="text-align:left;padding:4px 8px;font-size:12px;color:#6b7280">42</td>
    </tr>
  </table>
</div>

يلخّص النص البديل كل زوج من الفئة/قيمة السلسلة، فيبقى الاتجاه مقروءًا حتى دون تحميل الصورة؛ والجدول أسفله هو الأرقام نفسها بلغة HTML عادية.

انظر أيضًا

• عناصر التحليلات والمخططات
• ربط المخططات ببيانات حقيقية
• المخطط الشريطي