在论文写作中，图表往往比文字更有说服力。学境思源，但很多人并不擅长绘图，一键生成，更别说用代码生成图表了，论文初稿！。

今天这篇文章，就是一份手把手教学，acaids.com。教你如何用 ChatGPT 搭配 ECharts，快速生成可截图、可展示、还能修改的论文图表。文章全部内容围绕一个目标：干，直接用！

第一步：告诉 ChatGPT 你要画什么图

你只需要这样说：

我正在写一篇关于各省GDP对比的论文，请帮我用ECharts绘制2020年中国各省GDP柱状图，数据可以模拟，但要真实感强。

ChatGPT 会立刻返回一组模拟数据，比如：

[
  {"province": "广东", "gdp": 110000},
  {"province": "江苏", "gdp": 105000},
  {"province": "山东", "gdp": 90000},
  {"province": "浙江", "gdp": 80000},
  {"province": "河南", "gdp": 70000}
]


第二步：让 ChatGPT 自动写出完整 ECharts 代码


直接告诉它：



 
请用上面的数据写一份 ECharts HTML 完整代码，X轴为省份，Y轴为GDP（亿元），图宽为800px，高为500px。




然后你就会得到这一整段可以直接用浏览器打开的 HTML 代码：


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>2020年中国各省GDP柱状图</title>
  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
</head>
<body>
  <div id="main" style="width: 800px;height:500px;"></div>
  <script>
    var chartDom = document.getElementById('main');
    var myChart = echarts.init(chartDom);
    var option = {
      title: {
        text: '2020年中国各省GDP对比',
        left: 'center'
      },
      tooltip: {},
      xAxis: {
        type: 'category',
        data: ['广东', '江苏', '山东', '浙江', '河南']
      },
      yAxis: {
        type: 'value',
        name: 'GDP（亿元）'
      },
      series: [{
        type: 'bar',
        data: [110000, 105000, 90000, 80000, 70000],
        itemStyle: {
          color: '#5470C6'
        }
      }]
    };
    myChart.setOption(option);
  </script>
</body>
</html>




第三步：保存为 HTML 文件，打开截图即可用


    
 
  1. 把这段代码粘贴进记事本或 VSCode 中，保存为 chart.html
    2. 
 
  2. 用浏览器打开它（Chrome/Edge 均可）
    3. 
 
  3. 拖动窗口适配论文比例，然后截图保存为 PNG
    4. 
 
  4. 插入 Word、WPS 或 LaTeX 即可
    5. 





第四步：样式不满意？让 ChatGPT继续优化


你可以继续说：



 
帮我把颜色调成适合黑白打印的，字体统一用宋体，柱子上方加上数值标签。




它会自动输出更新后的样式设置，比如：


label: {
  show: true,
  position: 'top',
  fontFamily: 'SimSun',
  fontSize: 14
},
itemStyle: {
  color: '#999'
}






第五步：还可以让它写图表说明（图注）


提示词示例：



 
帮我写一段简洁正式的图表说明，用于论文图注，介绍图中内容和数据意义。




你会得到：



 
图1展示了2020年中国五个省份的GDP总量，广东和江苏位列前两位，体现出东部沿海地区经济发展优势。本图所用数据为模拟值，主要用于图表呈现效果展示。






总结：ChatGPT + ECharts 生成图表全流程一图打尽



 
  

   
    
步骤

   
    
操作内容

  

  

   
    
Step 1

   
    
用自然语言描述图表需求 + 数据范围

  

  

   
    
Step 2

   
    
ChatGPT生成模拟数据 + 全部 ECharts HTML代码

  

  

   
    
Step 3

   
    
浏览器打开 .html 文件 → 调整尺寸截图

  

  

   
    
Step 4

   
    
追加提示词优化样式：字体、颜色、比例、标签等

  

  

   
    
Step 5

   
    
用 ChatGPT 自动生成图表说明，用于论文图注

  

 





写在最后


这才是AI真正该用的方式。


不是让它“替你写”，而是让它“协助你完成那些你本不擅长但很重要的部分”。


做研究，你负责脑子，图表就交给 ChatGPT 和 ECharts。
 
  

        # echarts
      
        # 前端
      
  
 
 Logo 
火山引擎 ADG 社区
 
火山引擎开发者社区是火山引擎打造的AI技术生态平台，聚焦Agent与大模型开发，提供豆包系列模型（图像/视频/视觉）、智能分析与会话工具，并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长，新用户可领50万Tokens权益，助力构建智能应用。
 
 
  
更多推荐
  
 
Chess用户界面设计：Tailwind CSS样式系统和组件库
 
GitHub推荐项目精选中的ch/chess是一个类似chess.com的多人在线象棋平台，它采用现代化的前端技术栈构建，尤其在用户界面设计上通过Tailwind CSS样式系统和组件库实现了优雅且功能丰富的交互体验。本文将深入探讨该项目如何利用Tailwind CSS打造一致的设计语言和高效的组件系统，为象棋爱好者提供沉浸式的游戏界面。## 🎨 Tailwind CSS样式系统：构建统一视
 
avatar 火山引擎 ADG 社区
 
 
终极指南：GPT-Engineer如何通过AI自动发现代码问题并提升质量
 
GPT-Engineer是一款强大的AI驱动代码工具，它能帮助开发者自动检测潜在代码问题、优化代码质量，让编程效率提升3倍以上。无论是新手还是资深开发者，都能通过这款工具轻松发现代码中的隐藏缺陷，减少调试时间，释放更多精力在创造性工作上。## 一键发现代码问题：GPT-Engineer的AI审查魔力GPT-Engineer的核心能力在于其内置的智能代码分析系统。通过集成Python代码格式
 
avatar 火山引擎 ADG 社区
 
 
SatDump中的纠错编码技术：从RS码到Turbo码的完整实现指南
 
在卫星数据传输过程中，信号往往会受到各种干扰，导致数据错误。SatDump作为一款通用卫星数据处理软件，集成了多种先进的纠错编码技术，确保从卫星接收到的数据能够准确解码。本文将深入解析SatDump中从Reed-Solomon（RS）码到Turbo码的实现细节，帮助读者理解这些技术如何保障卫星通信的可靠性。## 为什么纠错编码对卫星数据至关重要？卫星与地面站之间的通信链路面临着空间辐射、大
 
avatar 火山引擎 ADG 社区