text2echart
将数据或描述转换为ECharts图表，并直接输出可预览的HTML。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：text2echart。 它的用途是：将数据或描述转换为ECharts图表，并直接输出可预览的HTML。 完整的 Skill 内容见：https://321skill.com/skills/text2echart/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘为过去六个月的公司月度营收数据生成一个柱状图，x轴是月份，y轴是营收额，并添加趋势线。’，它会自动构建对应的ECharts配置，并返回一个HTML字符串。你只需保存为.html文件并在浏览器中打开，即可看到渲染好的交互式图表。
介绍
text2echart技能旨在解决数据可视化过程中，需要手动编写复杂ECharts配置代码的痛点。它允许用户通过自然语言描述或提供结构化数据，自动生成对应的ECharts图表选项（option），并直接输出一个包含完整渲染逻辑的HTML字符串，该字符串可通过Mermaid等工具进行即时预览，极大简化了从数据到图表的流程。
使用时，用户只需向AI描述想要生成的图表类型（如折线图、柱状图）以及数据内容，技能便会自动构建ECharts JSON配置，并封装成可直接在浏览器中打开和查看的HTML文件。这避免了开发者或分析师在图表样式调整、代码集成上的重复劳动。
该技能非常适合需要快速生成数据可视化原型、制作演示素材或进行数据分析汇报的角色，如数据分析师、产品经理、内容创作者和高校学生。他们无需深入ECharts API细节，即可获得美观、可交互的图表。
建议在使用时，尽量清晰地描述图表的数据结构、坐标轴信息和期望的视觉样式（如颜色、标签）。由于输出是完整的HTML，可以方便地嵌入到报告或网页中。但请注意，对于极其复杂或定制化程度极高的图表，可能仍需手动调整生成的JSON配置。
核心特点
核心区别在于它直接输出包含完整渲染逻辑的HTML字符串，并支持通过Mermaid进行即时预览，实现了“描述即图表”的一站式生成，而不仅仅是输出ECharts配置JSON。
注意事项
不适合需要高度定制化、复杂动画或与特定前端框架深度集成的专业级图表开发场景。
常见问题
这个技能能生成哪些类型的ECharts图表？
支持常见的折线图、柱状图、饼图、散点图等，具体能力取决于底层模型对ECharts选项的理解。
生成的HTML可以直接用在生产环境吗？
生成的HTML适用于快速原型、演示和报告。用于生产环境前，建议检查代码并考虑性能、安全性和与现有项目的集成方式。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/text2echart/raw/index.md 读取 text2echart 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/text2echart/raw/index.md（查看排版版本）