DeepSeek＋ECharts一键制作复杂图表

1- DeepSeek + ECharts：一键制作复杂图表，高效到炸裂

DeepSeek+ECharts图表制作

1.1- 一、ECharts 官网复制粘贴代码

首先推荐一个非常好用的网站 ECharts。
进入官网，点击 " 所有示例 "。

点击所有示例

你会看到一个图表案例非常丰富的网页，从简单的曲线图到各种绚丽的复杂图，应有尽有。

ECharts图表示例

我们来挑战一下高难度的，选择 " 花里胡哨 " 的渐变堆叠面积图！🤓
双击打开示例页面，左侧是代码，右侧是图表。在代码侧点击 " 完整代码 "，然后全选复制。

点击完整代码

新建一个 TXT 文档，粘贴代码并保存，作为待用素材。

新建txt文档粘贴代码

1.2- 二、DeepSeek 一键生成新图表

接下来请出我们的效率神器 DeepSeek！😎

1.2.1- 生成渐变堆叠面积图

导入刚刚保存的 TXT 文档，输入以下提示词：

你是**一名图表大师**，请你**读取文档中的代码**并且理解；然后请按照**我给你提供的数据**，生成新的 html 格式内容：
series: [
 {
 name: 'Line 1',
 // …其他配置保持不变
 data: [185, 210, 158, 295, 132, 380, 275]
 },
 {
 name: 'Line 2',
 // …其他配置保持不变
 data: [95, 320, 145, 195, 265, 410, 345]
 },
 {
 name: 'Line 3',
 // …其他配置保持不变
 data: [280, 185, 245, 375, 215, 175, 265]
 },
 {
 name: 'Line 4',
 // …其他配置保持不变
 data: [180, 450, 195, 85, 230, 280, 95]
 },
 {
 name: 'Line 5',
 // …其他配置保持不变
 data: [265, 350, 220, 315, 280, 340, 205]
 }
]

DeepSeek输入提示词生成图表

稍等片刻，DeepSeek 就能生成代码。

DeepSeek生成的代码

点击代码右下角的 " 运行 HTML"，效果如下：

运行HTML结果

效果惊艳！😎

1.2.2- 生成南丁格尔玫瑰图

ECharts 官网首页的南丁格尔玫瑰图 也能轻松制作。👌

南丁格尔玫瑰图

和之前的步骤一样，导入文档，输入提示词：

你是一名图表大师，请你读取文档中的代码并且理解；然后请按照我给你提供的数据，生成新的 html 格式内容：
data: [
 { value: 48, name: ' 韩立', itemStyle: { color: '#5470c6' } }, // 凡人修仙传
 { value: 45, name: ' 萧炎', itemStyle: { color: '#91cc75' } }, // 斗破苍穹
 { value: 42, name: ' 罗峰', itemStyle: { color: '#fac858' } }, // 吞噬星空
 { value: 38, name: ' 叶凡', itemStyle: { color: '#ee6666' } }, // 遮天
 { value: 36, name: ' 唐三', itemStyle: { color: '#73c0de' } }, // 斗罗大陆
 { value: 32, name: ' 秦牧', itemStyle: { color: '#3ba272' } }, // 牧神记
 { value: 28, name: ' 龙皓晨', itemStyle: { color: '#fc8452' } }, // 神印王座
 { value: 25, name: ' 李星云', itemStyle: { color: '#9a60b4' } } // 画江湖之不良人 ]

DeepSeek输入提示词生成南丁格尔玫瑰图

一个漂亮的 网络文学角色人气指数图表 瞬间生成！
韩立、萧炎、罗峰、叶凡、唐三、秦牧、龙皓晨、李星云，都是热门角色！🧐

网络文学角色人气指数图表

1.2.3- 生成天气统计类图

再来看一个横向对比和纵向对比结合的天气对比图，平时不常见，但很有趣。

天气对比图

这次我们用《金铲铲之战》的角色 金克丝、黑默丁格、维克托 来演示。
导入文档，输入提示词：

你是一名图表大师，请你读取文档中的代码并且理解；然后请按照我给你提供的数据，生成新的 html 格式内容：
const roleIcons = { // 改为角色图标
  ' 攻击力': ROOT_PATH + '/data/asset/img/tft/attack_128.png',
  ' 生存能力': ROOT_PATH + '/data/asset/img/tft/shield_128.png',
  ' 技能强度': ROOT_PATH + '/data/asset/img/tft/spell_128.png'
};

option = {
  title: {
    text: ' 云顶之弈角色大比拼' // 修改标题
  },
  legend: {
    data: [' 金克丝', ' 黑默丁格', ' 维克托'] // 修改角色名称
  },
  yAxis: {
    type: 'category',
    inverse: true,
    data: [' 攻击力', ' 生存能力', ' 技能强度'], // 改为战斗属性
    axisLabel: {
      formatter: function (value) {
        return '{' + value + '| }\n{value|' + value + '}';
      },
      rich: {
        // 图标替换为战斗属性图标
        ' 攻击力': {
          backgroundColor: { image: roleIcons[' 攻击力'] }
        },
        ' 生存能力': {
          backgroundColor: { image: roleIcons[' 生存能力'] }
        },
        ' 技能强度': {
          backgroundColor: { image: roleIcons[' 技能强度'] }
        }
      }
    }
  },
  series: [
    { // 金克丝 - 高攻击低生存
      name: ' 金克丝',
      type: 'bar',
      data: [320, 85, 180], // 数据：攻击/生存/技能
      itemStyle: { color: '#FF69B4' } // 粉色主题色
    },
    { // 黑默丁格 - 均衡发展
      name: ' 黑默丁格',
      type: 'bar',
      data: [150, 220, 190],
      itemStyle: { color: '#00BFFF' } // 蓝色主题色
    },
    { // 维克托 - 高技能强度
      name: ' 维克托',
      type: 'bar',
      data: [90, 150, 300],
      itemStyle: { color: '#32CD32' } // 绿色主题色
    }
  ]
};

DeepSeek输入提示词生成天气统计类图