用途:根据用户数据生成 Chart.js 交互式可视化,产出可嵌入 iframe 的 MicroSim 包,常用于教育内容或基于 MkDocs 的文档站点。默认以最小内边距嵌入智能书中,图表区域上下不添加分析或说明文档。
主要能力:支持折线、柱状、饼图、环形、雷达、极区、气泡、散点等 Chart.js 图表类型;支持多数据集、堆叠柱、横向柱、填充面积、多折线等变体;必用悬浮提示;可配置标题、坐标轴标签、图例、配色、动画、点击事件及 Data Labels 插件。
使用方式:未指定图表类型时先用 AskUserQuestion 让用户从类型中选择;再收集数据结构、配置与用途、集成场景;随后创建 docs/sims/<chart-name>/ 目录,含 main.html、style.css、index.md,目录名用 kebab-case。main.html 通过 CDN 引入 Chart.js:https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js,可选 Data Labels 插件 https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2。index.md 使用 YML 元数据、iframe 嵌入和“View MicroSim Fullscreen”链接,并加入 mkdocs.yml 导航(按字母排序)。完成后在浏览器或 mkdocs serve 测试桌面、平板、移动端及提示、图例交互。
限制:需提供数据与配置信息,否则无法生成;图表区域不应附加分析或说明;打印样式不额外添加 CSS;资料未提供收费、平台与效果信息。