用途:将用户提供的 CSV、Excel 或 JSON 数据整理成一份可视化报告页,适合做数据汇报、周报式总结等场景。
主要能力与结构:报告头部含标题、时间区间与数据来源说明;KPI 卡片网格放 3-5 个最重要指标,每张卡片显示数值、同比变化和微型趋势线;主图表区至少 2 个图表(柱状、折线、饼或散点),通过 jsdelivr CDN 引入 Chart.js 或 ECharts,数据由用户输入解析得到;数据表格展示原始数据节选,采用斑马纹、悬停、粘性表头等样式;洞察块给出 3-5 条以 emoji 开头的文字洞察;底部为“方法论”折叠区。配色克制专业,主色一种加中性色阶,图表使用调色板。
必要用法与限制:图表容器必须有固定高度,每个 canvas 外层包一个 div,样式为 position:relative;height:NNNpx(KPI 迷你图约 40px,主图表约 240–280px)。Chart.js 使用 responsive:true、maintainAspectRatio:false 时,若父容器没有显式高度,会陷入 ResizeObserver 死循环,图表无限增高直至卡死浏览器。不要直接给 canvas 写 height= 属性当布局,那只是初始值。必须解析用户提供的实际数据,不要捏造。
适用场景:需要把结构化数据快速转成带图表和洞察的报告页。其他细节如具体安装命令、收费与平台支持,资料暂未提供。