ڈیش بورڈز

بصری ورک اسپیس کے بطور ڈیش بورڈز

ڈیش بورڈز ورسٹائل ویژول ورک اسپیس کے طور پر کام کرتے ہیں جہاں آپ اپنے پروجیکٹس سے متعلق متعدد ویژولائزیشنز کو منظم اور منظم کرسکتے ہیں۔ وہ ڈیٹا کو مؤثر طریقے سے دریافت کرنے، تجزیہ کرنے اور پیش کرنے کے لیے ایک متحرک اور متعامل ماحول فراہم کرتے ہیں۔

ڈیش بورڈ ڈیٹا کا ڈھانچہ

اپنے سسٹم میں ڈیش بورڈ کی نمائندگی کرنے کے لیے، آپ درج ذیل 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;

کلیدی صفات

• نام: ڈیش بورڈ کے لیے ایک منفرد شناخت کنندہ۔
• پروجیکٹ کا نام: متعلقہ پروجیکٹ کا نام سیاق و سباق سے منسلک کرنے کے لیے۔
• تفصیل: ایک اختیاری فیلڈ جو ڈیش بورڈ کے بارے میں اضافی سیاق و سباق یا تفصیلات فراہم کرتی ہے۔
• createdAt: ٹائم اسٹیمپ یہ بتاتا ہے کہ ڈیش بورڈ کب بنایا گیا تھا۔
• updatedAt: ٹائم اسٹیمپ ڈیش بورڈ کی آخری ترمیم کو دکھا رہا ہے۔
• تصورات: ڈیش بورڈ میں شامل تصورات کا مجموعہ، یا تو کلیدی قدر کے جوڑوں کے طور پر یا تصور کی اقسام کی ایک صف کے طور پر۔
• لے آؤٹ: لے آؤٹ کنفیگریشنز کی ایک فہرست جو ڈیش بورڈ کے اندر تصورات کی پوزیشن اور سائز کا تعین کرتی ہے۔ ہر ترتیب میں شامل ہیں:
  • i: تصور کے لیے ایک منفرد شناخت کنندہ۔
  • x, y: کوآرڈینیٹ جو گرڈ پر ویژولائزیشن کی پوزیشن کو ظاہر کرتے ہیں۔
  • w, h: ویژولائزیشن کی چوڑائی اور اونچائی۔
  • minW، minH: کم از کم چوڑائی اور اونچائی کی پابندیاں۔

ڈیش بورڈ کی خصوصیات

ڈیش بورڈز صارفین کو قابل بناتے ہیں:

• ویژولائزیشنز کو ورک اسپیس میں دوبارہ ترتیب دینے کے لیے گھسیٹیں اور چھوڑیں۔
• مخصوص ڈیٹا کی ضروریات کو پورا کرنے کے لیے تصورات کا سائز تبدیل کریں۔
• مختلف استعمال کے معاملات یا سامعین کو پورا کرنے کے لیے متعدد ترتیب کو برقرار رکھیں۔

اس طرح کی لچک پیش کر کے، ڈیش بورڈز صارفین کو پراجیکٹ کی ضروریات کے مطابق اپنے بصری کام کی جگہوں کو اپنی مرضی کے مطابق بنانے کا اختیار دیتے ہیں۔

عملی مثال