用途:为数据分析类应用的仪表盘开发提供模式参考,并通过路由指向专门的子技能。
主要能力与子技能:charts 用于 D3、Recharts 或 Chart.js 的数据可视化;real-time 用于 WebSocket 连接与实时数据流;filtering 用于搜索、分面筛选与查询构建器。
架构概览:仪表盘分为 DataLayer(获取、缓存、转换)、ChartComponents(可复用可视化)、FilterPanel(搜索、分面、日期范围)、Layout(响应式网格、拖拽)与 RealTimeManager(WebSocket、轮询回退)。
关键模式:数据流为 API/WebSocket → DataStore → Transform → Charts,筛选与查询反向作用于数据层;响应式布局建议用 CSS Grid 排布仪表盘瓦片、按断点简化图表,并对大型数据表考虑虚拟化。
常见组合:分析仪表盘为 charts + filtering;实时监控为 charts + real-time;完整功能则组合全部子技能。
限制:资料未提供具体安装命令、代码示例、收费信息与平台支持范围;未说明各子技能的详细用法,相关细节暂未提供。