لوحات المعلومات

لوحات المعلومات كمساحات عمل مرئية

تعمل لوحات المعلومات كمساحات عمل مرئية متعددة الاستخدامات حيث يمكنك تنظيم وإدارة تصورات متعددة تتعلق بمشروعاتك. أنها توفر بيئة ديناميكية وتفاعلية لاستكشاف البيانات وتحليلها وتقديمها بشكل فعال.

هيكل بيانات لوحة المعلومات

لتمثيل لوحة المعلومات في نظامك، يمكنك استخدام واجهة DashboardData التالية:

type Layout = {
    i: string;
    x: number;
    y: number;
    w: number;
    h: number;
    minW: number;
    minH: number;
};

type DashboardData = {
    userId?: string;
    name: string;
    projectName: string;
    description?: string;
    createdAt?: Date;
    updatedAt?: Date;
    visualizations?: {
        [name: string]: string;
    } | VisualizationTypes.VisualizationType[];
    layouts?: Layout[];
};

type DashboardType =
    DashboardData &
    with_id &
    with_optional_version;

السمات الرئيسية

• الاسم: معرف فريد للوحة المعلومات.
• اسم المشروع: اسم المشروع المرتبط للربط السياقي.
• الوصف: حقل اختياري يوفر سياقًا إضافيًا أو تفاصيل حول لوحة المعلومات.
• ** createAt:** الطابع الزمني الذي يشير إلى وقت إنشاء لوحة المعلومات.
• updatedAt: الطابع الزمني الذي يوضح آخر تعديل للوحة المعلومات.
• المرئيات: مجموعة من المرئيات المضمنة في لوحة المعلومات، إما كأزواج قيمة مفتاحية أو مجموعة من أنواع المرئيات.
• التخطيطات: قائمة تكوينات التخطيط التي تحدد موضع وحجم المرئيات داخل لوحة المعلومات. يتضمن كل تخطيط:
  • i: معرف فريد للتصور.
  • x, y: الإحداثيات التي تمثل موضع التمثيل المرئي على الشبكة.
  • w, h: عرض التصور وارتفاعه.
  • minW, minH: الحد الأدنى لقيود العرض والارتفاع.

ميزات لوحة القيادة

تمكن لوحات المعلومات المستخدمين من:

• قم بسحب وإفلات المرئيات لإعادة ترتيبها في مساحة العمل.
• قم بتغيير حجم المرئيات لتناسب احتياجات البيانات المحددة.
• احتفظ بتخطيطات متعددة لتلبية حالات الاستخدام أو الجماهير المختلفة.

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

مثال عملي