通义灵码自动生成ECharts可视化图表技巧
使用自然语言即可在VSCode中通过通义灵码生成可运行的ECharts图表代码，支持问答面板和行级补全两种方式。可基于JSON数据源实现自动刷新，并借助解释与优化功能快速修复图例、时间轴等配置错误。
通义灵码这个功能，其实挺实用——你只要用自然语言描述需求，它就能直接生成可运行的 ECharts 图表代码。不用翻文档、不用手动配置 option、不用反复调试图例位置和数据格式。说白了，就是把写图表的门槛降了下来。
先说说在 VSCode 里怎么把环境搭起来。去插件市场搜索 TONGYI Lingma，安装后重启编辑器，左侧边栏会出现通义灵码的图标。点击登录，支付宝、钉钉、阿里云账号都能用。需要特别注意：一定要完成登录，否则 AI 生成能力是调不出来的。
然后新建一个 .html 文件，在 里放一个 容器。这一步是 ECharts 渲染的前提，少了它，控制台会报 Cannot initialize ECharts instance 的错误。
用自然语言生成完整 ECharts 折线图代码
有两种生成方式。第一种是在通义灵码的问答面板里直接输入指令，比如下面这个：
请生成一个完整的 ECharts 折线图 HTML 页面，要求：① 图例显示在顶部，包含“访问量”“跳出率”“平均停留时长”三个系列；② 图例文字字号 14px，水平排列，距离顶部 20px；③ 数据为近 7 天趋势，xAxis 使用日期类型，yAxis 自动适配；④ 折线启用 smooth:true，各系列颜色区分明显；⑤ 页面加载后自动渲染，无需额外 JS 初始化脚本。
点击发送，等几秒钟，通义灵码会返回一个包含 的完整 HTML 文件，复制粘贴就能跑起来。
第二种方式更快一些。在已有空