跳转到内容

仪表板

仪表板充当多功能可视化工作区,您可以在其中组织和管理与项目相关的多个可视化。它们提供了一个动态的交互式环境,用于有效地探索、分析和呈现数据。

要表示系统中的仪表板,您可以使用以下 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: 用于上下文链接的关联项目的名称。
  • 描述: 可选字段,提供有关仪表板的其他上下文或详细信息。
  • createdAt: 指示仪表板创建时间的时间戳。
  • updatedAt: 显示仪表板上次修改的时间戳。
  • 可视化: 仪表板中包含的可视化集合,可以是键值对或可视化类型数组。
  • 布局: 布局配置列表,用于确定仪表板中可视化的位置和大小。每个布局包括:
    • i: 可视化的唯一标识符。
    • x, y: 表示可视化在网格上的位置的坐标。
    • w、h: 可视化的宽度和高度。
    • minW、minH: 最小宽度和高度限制。

仪表板使用户能够:

  • 拖放可视化以在工作区中重新排列它们。
  • 调整可视化大小以满足特定数据需求。
  • 维护多种布局以满足不同的用例或受众。

通过提供这种灵活性,仪表板使用户能够根据项目的要求自定义其可视化工作区。

Dashboard in Action