Панели мониторинга

Панели мониторинга как визуальные рабочие пространства

Панели мониторинга действуют как универсальные визуальные рабочие пространства, где вы можете организовывать и управлять несколькими визуализациями, связанными с вашими проектами. Они обеспечивают динамичную и интерактивную среду для эффективного изучения, анализа и представления данных.

Структура данных информационной панели

Чтобы представить панель мониторинга в вашей системе, вы можете использовать следующий интерфейс 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;

Ключевые атрибуты

• имя: Уникальный идентификатор панели мониторинга.
• projectName: имя связанного проекта для контекстной связи.
• description: Необязательное поле, предоставляющее дополнительный контекст или сведения о панели мониторинга.
• createdAt: Временная метка, указывающая, когда была создана панель мониторинга.
• updatedAt: Временная метка последнего изменения панели мониторинга.
• визуализации: коллекция визуализаций, включенных в панель мониторинга, либо в виде пар «ключ-значение», либо в виде массива типов визуализации.
• макеты: список конфигураций макета, которые определяют положение и размер визуализаций на панели мониторинга. Каждый макет включает в себя:
  • i: Уникальный идентификатор визуализации.
  • x, y: Координаты, представляющие положение визуализации в сетке.
  • w, h: Ширина и высота визуализации.
  • minW, minH: Ограничения минимальной ширины и высоты.

Возможности информационной панели

Панели мониторинга позволяют пользователям:

• Перетаскивайте визуализации, чтобы изменить их расположение в рабочей области.
• Изменяйте размер визуализаций в соответствии с конкретными потребностями в данных.
• Поддерживайте несколько макетов для разных случаев использования или аудиторий.

Предлагая такую ​​гибкость, информационные панели позволяют пользователям настраивать свои визуальные рабочие пространства в соответствии с требованиями проекта.

Практический пример