数据可视化这项能力，如今已是职场中的必备技能。过去，想要制作专业级图表，要么用Excel勉强应付，要么投入大量时间学习复杂工具。但现在，这一局面被彻底改变了——借助DeepSeek加上ECharts，即使你完全是零基础用户，也能在短短几分钟内生成可直接运行的HTML交互式图表。本文带你一步步走完完整流程，轻松掌握这一高效方法。

一、 ECharts 官网

先来了解ECharts这款库。它是Apache基金会旗下的开源可视化解决方案，基于JavaScript开发，能够在浏览器中流畅运行。进入官网（https://echarts.apache.org/zh/index.html），点击「所有示例」，你会看到一个庞大的图表示例库。从基础的折线图、柱状图，到结构复杂的桑基图、关系图，应有尽有。每个示例都配有完整且可运行的代码，非常适合作为学习参考的范本。

建议将官网收藏起来，今后制作图表时可以直接查找参考，远比从零编写代码高效得多。

接下来通过两个实际案例，演示如何利用DeepSeek配合ECharts，快速产出可视化图表。

二、 DeepSeek + ECharts 实战

1. 旭日图

先简单说明什么是旭日图。它本质上是一组饼图的嵌套组合，但饼图只能展示单层数据的比例关系，而旭日图能够同时呈现多层数据的层级结构——例如大类、子类、具体条目的关系，一目了然。

我们来制作一个酒类分布的旭日图。打开ECharts官网的旭日图示例，复制完整的示例代码，粘贴到记事本中，保存为“旭日图代码.txt”。

提示词这样编写：

根据所给文件代码，并理解代码，并根据我给的数据，生成可运行的HTML 文件

然后在提示词后面附上自己的数据。下面是一个酒类数据的wineData结构示例（仅展示结构，实际数据可根据需求扩展）：

const wineData = [
  {
    name: '葡萄酒',
    children: [
      {
        name: '红葡萄酒',
        children: [
          { name: '5☆', children: [{ name: '拉菲1982' }] },
          { name: '4☆', children: [{ name: '奔富葛兰许' }] }
        ]
      },
      {
        name: '白葡萄酒',
        children: [
          { name: '4☆', children: [{ name: '云雾之湾' }] }
        ]
      }
    ]
  },
  {
    name: '烈酒',
    children: [
      {
        name: '威士忌',
        children: [
          { name: '5☆', children: [{ name: '麦卡伦30年' }] }
        ]
      }
    ]
  },
  {
    name: '啤酒',
    children: [
      {
        name: '精酿',
        children: [
          { name: '4☆', children: [{ name: '罗斯福10号' }] }
        ]
      }
    ]
  }
];

打开DeepSeek，将刚才保存的代码文件上传（或直接粘贴），再加上上述提示词和数据。稍等片刻，DeepSeek就会生成完整的HTML代码。点击「运行」，即可看到旭日图的呈现效果。

一张清晰的酒类层级全景图便展现在眼前。各个品类、子品类以及具体酒款之间的从属关系清晰可见，视觉表现也很出色。

2. 南丁格尔玫瑰图

接下来体验一个经典案例——南丁格尔玫瑰图。在官网首页找到该图表示例，同样复制代码，保存为“南丁格尔玫瑰图.txt”。

提示词与上一步相同，然后附上自己准备的数据。这里以金庸小说中的武功值排名为例，制作一个有趣的小案例：

series: [
  {
    name: '武功值',
    type: 'pie',
    radius: [50, 250],
    center: ['50%', '50%'],
    roseType: 'area',
    itemStyle: {
      borderRadius: 8
    },
    data: [
      { value: 100, name: '扫地僧' },
      { value: 98, name: '张三丰' },
      { value: 95, name: '独孤求败' },
      { value: 93, name: '东方不败' },
      { value: 90, name: '张无忌' },
      { value: 88, name: '乔峰' },
      { value: 85, name: '杨过' },
      { value: 83, name: '郭靖' },
      { value: 80, name: '令狐冲' },
      { value: 78, name: '段誉' },
      { value: 75, name: '虚竹' },
      { value: 70, name: '周伯通' }
    ]
  }
]

再次打开DeepSeek，上传代码、粘贴提示词和数据。运行后，一张色彩鲜明的玫瑰图便生成完毕。每位高手的武功值通过扇区的面积与半径直观呈现，对比一目了然。

许多新手会问：生成的代码如何保存？非常简单。在DeepSeek的运行结果界面，点击右上角的「下载」按钮，文件会自动保存为＜文件名＞.html。这个文件是网页格式，直接用浏览器打开即可查看图表。

用Chrome打开后效果流畅，交互与动画均完整保留。你还可以将HTML文件分享给同事，或者嵌入到自己的项目中。

总的来说，DeepSeek + ECharts这对组合方案，极大降低了数据可视化的入门门槛。你无需精通JavaScript，也无需理解Canvas或SVG，只需会写提示词、会准备JSON格式的数据，就能迅速产出专业级别的图表。这套流程值得反复练习，遇到新的图表需求，直接套用即可。