Tablouri de bord

Tablourile de bord ca spații de lucru vizuale

Tablourile de bord acționează ca spații de lucru vizuale versatile în care puteți organiza și gestiona vizualizări multiple legate de proiectele dvs. Ele oferă un mediu dinamic și interactiv pentru explorarea, analizarea și prezentarea eficientă a datelor.

Structura datelor tabloului de bord

Pentru a reprezenta un tablou de bord în sistemul dvs., puteți utiliza următoarea interfață 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;

Atribute cheie

• nume: un identificator unic pentru tabloul de bord.
• projectName: Numele proiectului asociat pentru legătura contextuală.
• descriere: Un câmp opțional care oferă context suplimentar sau detalii despre tabloul de bord.
• createdAt: marcajul de timp care indică momentul în care a fost creat tabloul de bord.
• updatedAt: Marcaj de timp care arată ultima modificare a tabloului de bord.
• Vizualizări: O colecție de vizualizări incluse în tabloul de bord, fie ca perechi cheie-valoare, fie ca o serie de tipuri de vizualizare.
• aspecte: o listă de configurații de aspect care determină poziția și dimensiunea vizualizărilor din tabloul de bord. Fiecare aspect include:
  • i: Un identificator unic pentru vizualizare.
  • x, y: Coordonate reprezentând poziția vizualizării pe grilă.
  • w, h: lățimea și înălțimea vizualizării.
  • minW, minH: Constrângeri minime de lățime și înălțime.

Caracteristicile tabloului de bord

Tablourile de bord le permit utilizatorilor să:

• Trageți și plasați vizualizările pentru a le rearanja în spațiul de lucru.
• Redimensionați vizualizările pentru a se potrivi nevoilor specifice de date.
• Mențineți mai multe machete pentru a satisface diferite cazuri de utilizare sau public.

Oferind o astfel de flexibilitate, tablourile de bord permit utilizatorilor să își personalizeze spațiile de lucru vizuale în funcție de cerințele proiectului.

Exemplu practic