用途:把用户提供的 CSV、Excel 或 JSON 数据整理成一个视觉化的报告页面。
页面结构:头部为报告标题、时间区间和数据来源说明;KPI 卡片网格放置 3 到 5 个最重要指标,每个卡片显示数值、同比变化和微型趋势线;主图表区至少包含 2 个图表(柱状、折线、饼或散点),使用 Chart.js 或 ECharts 并通过 jsdelivr CDN 引入,数据从用户输入解析得到;随后是原始数据节选的表格,采用 zebra stripe、hover、sticky header 等现代化样式;再给出 3 到 5 条以 emoji 开头的文字洞察;底部为“方法论”折叠区。
关键用法与限制:必须解析用户提供的实际数据,不要捏造。图表容器必须有固定高度,每个 canvas 外层包一个 position:relative 且指定高度的 div(KPI 迷你图约 40px,主图表约 240 至 280px);Chart.js 使用 responsive:true 和 maintainAspectRatio:false 时,若父容器没有显式高度,会陷入 ResizeObserver 死循环,图表会无限增高直至卡死浏览器;不要直接给 canvas 写 height 属性当布局,那只是初始值。配色应克制专业,以主色加中性色阶为主,图表使用调色板。
适用场景:需要把已有数据快速做成可阅读、可分享的周报式可视化报告。其他功能、收费、价格与平台支持等信息暂未提供。