这是第十九篇笔记，也是“实用工具”系列的第三期。
前几篇分享了做动画、做小程序、做PPT，这次聊一个更“硬核”的场景——**画图表**。
说实话，看到这个教程之前，我从来没想过自己能“画”出那种复杂的动态图表——渐变堆叠面积图、关系网络图、数据可视化看板……听起来就像程序员和设计师的专属技能。
结果呢？试了一下，发现只要会复制粘贴、会打字，就能搞定。而且过程比我想象的简单得多。
**ECharts**是是一个开源的图表库。百度一下就能找到。
进去之后，点“所有示例”，你会看到一大屏各种酷炫图表——折线图、柱状图、饼图、雷达图、桑基图、关系图……每个都配了动态效果。
我随手点开一个“渐变堆叠面积图”，右边是图表，左边是代码。
别被代码吓到，你不需要看懂它。你只需要把它复制下来。
第二步：
把代码丢给DeepSeek，告诉它你想要什么
打开DeepSeek，把刚才复制的代码粘贴进去，然后发一段话：
“阅读以下代码。把其中的数据，替换成我给你的5种产品2025年下半年的销量数据，并且生成可执行的渐变堆叠面积图HTML代码。代码：[粘贴刚才的代码]，数据：……”
数据怎么写？我随便编了五样东西：巧克力,坚果,椰子水,曲奇,苹果，配上6个月的数字。
如果代码或数据比较多，可以直接上传文件——把代码存成txt，数据存成Excel，然后告诉DeepSeek“理解代码，替换数据为上传表格里的”。
DeepSeek勤勤恳恳跑了两分钟左右，返回了一大段代码。
我把它复制，保存成一个.html文件，双击打开——浏览器里出现了那张图表。渐变色彩、堆叠效果、鼠标悬停还能看具体数值。
虽然数据是编的，但看着那张图，还是有一种“我居然也能做出这种东西”的成就感。
我们看书的时候，时常会有人物关系理不清的情况。
比如《西游记》，师徒四人加上各路妖怪神仙，谁是谁的徒弟、谁是谁的坐骑、谁和谁打过架……小孩子第一次看的时候总会有人物关系不清楚的问题。
你可以在网上搜“西游记人物关系图”的数据，或者直接把《西游记》电子书上传给DeepSeek，让它自己提取人物关系，然后同样用ECharts生成一个可执行的关系图HTML代码。
我还试了一下，让它做个“水浒传主要人物关系图”。出来的图是一个网状的连线图，
虽然数据是我自己简单整理的，但看到关系网铺开的那一刻，以前需要画半天的东西，现很快就有了雏形。
以前想做这种图表，得学JavaScript、学ECharts的配置项、学怎么部署。现在变简单了很多。
当然，要做出完美的、复杂的图表，还是得懂一些代码知识。但“从0到1”这一步，AI帮你跨过去了。
并且AI是“翻译官”，不是“设计师”。
DeepSeek做的事，是把你的需求“翻译”成ECharts能读懂的语言。它不擅长帮你“设计”图表——比如哪种颜色好看、哪种图表最合适。这些还得你自己想清楚。
所以我发现，给AI的指令越具体，出来的效果越好。比如“渐变堆叠面积图”这个方向是ECharts里现成的，AI只需要替换数据；但如果你说“帮我做个好看的销量图”，它可能就不知道从哪儿下手了。
我以前看那种人物关系复杂的书，经常要翻回去查“这人是谁来着”。现在可以把书传给AI，让它自动生成关系图。虽然AI提取的不一定100%准确，但至少给你一个“骨架”，可以省掉大量手动整理的时间。
如果你也有想画的图表，欢迎试试这个方法。翻车了来找我交流。🌱
