效率起飞！新版Deepseek太强了，一键生成各类复杂图表

AI 知识库4天前发布哎呀不对

749 0 0

AI提效图表有课吗，催更啊。”一个老板上周私我。

“我看看大家需求，需求大就开，先继续更新😉”我回复。

蔚公子为此依然亲自实测，今天继续上干货，教大家，如何用DeepSeek提效图表生成问题！

今天这篇帖子实用性极强，大家一定要好好收藏哦！

一、一键生成正负条形图

正负条形图，想必是大家常用的一种类型，咱们上来先处理这个😎

泡泡玛特的Labubu今年持续爆火，我看有些商家还专门买一个超大Labubu摆在门口引流的，还是影响大。

好，那么上半年Labubu的销售情况怎样呢，让AI模拟数据，用正负条形图来表示一下，输入提示词：

你是一名图表大师，请你帮我生成2025年上半年各月labubu的横向正负条形图，包括利润、收入和支出，以html格式输出

等待代码生成完毕之后，我们点击右上角“运行”。

实话说这对DeepSeek来说算是手到擒来了，不仅制作了输入、支出的正负条形图，还应提示词要求，叠加了一个利润的折线图，可以啊👌

不仅如此，还帮我们把“收入”、“支出”、“利润”的横向条形图全部做出来了，只需要点击上方对应按钮即可👇

好好好，买一送三是吧🤔

二、一键生成面积堆叠图

紧接着我们再进阶一步，导入Excel生成图表，这个相信是更符合实际的需求。同时图表难度再加一档，制作面积堆叠图😎

新能源汽车之战是最近几年最大的商战了，我直接做了一个新能源汽车🚗相关Excel。

保存Excel，导入DeepSeek，输入提示词：

你是一名图表大师，请你理解Excel文档后，帮我生成对应的面积堆叠图，以html格式输出

等待一段时间，“新能源汽车销售面积堆叠图”代码就生成好了，我们点击右上角“运行”。

诶，可以嘛，这图一出来，没毛病只能说。

“特斯拉”、“比亚迪”、“小米”、“华为”、“理想”各自的数据做成了一张面积堆叠图，用不同的颜色填充，方便后期理解👇

且将鼠标放到图表每个节点，都会显示相应的具体数据。

最下方还帮我们做了一个新表，用于PPT相当合适✨

然后这里也提醒大家，要去电脑版官网使用DeepSeek。

说实话我没想到，就这两天，有个小伙伴私聊我时，显示的DS居然还是盗版的。

不是哥们，没想到还真能骗到人🥲

这里也就再提示一次，要么在手机商城上下载，要么去网页版官网，不然用了盗版，花钱到是其次，你的隐私数据上传就不好了🤔

三、一键生成精美词云图

好，接下来来个有意思的，词云图。之前总是常规的图表，想必大家有点腻，诶，词云图，这个还是比较出新的。

罗永浩与西贝之间的事，原本我以为告一段落，但没想到这两天看视频平台，居然还有人在热烈讨论，各种热词不断。

OK，那这个用词云图表示，就相当合适了😉

首先我用AI检索了此次事件的热词，制作了一个Excel。

我先用DeepSeek简单尝试了一下，但发现效果一般，于是想，那咱们就用正确的代码，不就OK了🤔

好，我把代码给到大家：

$(function () {

// 初始化 ECharts 图表

var myChart = echarts.init(document.getElementById(‘ECharts’));

// 定义词云数据

const list = [

{

value: 50, // 值，将影响词云中文字的大小

name: ‘企联网’, // 词云中显示的文字

// 定义文本样式，如阴影效果和颜色

textStyle: {

shadowBlur: 4,

shadowColor: ‘#ECEFFF’,

shadowOffsetY: 14,

color: ‘#73DDFF’,

}, // 50

{

value: ’30’, name: ‘智农通’},

{

value: ’29’, name: ‘OPPO’},

{

value: ’28’, name: ‘HONOR’},

{

value: ’27’, name: ‘红米’},

{

value: ’26’, name: ‘小米’},

{

value: ’25’, name: ‘美图’},

{

value: ’24’, name: ‘ONEPLUS’},

{

value: ’23’, name: ‘魅族’},

{

value: ’22’, name: ‘红手指’},

{

value: ’21’, name: ‘SAMSUNG’},

{

value: ’20’, name: ‘金立’},

{

value: ’16’, name: ‘BLACKBERRY’},

{

value: ’15’, name: ‘诺基亚’},

{

value: ’14’, name: ‘锤子’},

{

value: ’13’, name: ‘大疆’},

{

value: ’12’, name: ‘361’},

{

value: ’11’, name: ‘摩托罗拉’},

{

value: ’10’, name: ‘联想’},

{

value: ‘9’, name: ‘玩家国度’},

]

option = {

tooltip: {

show: true, // 显示提示框

// 配置提示框的样式

borderColor: ‘#fe9a8bb3’,

borderWidth: 1,

padding: [10, 15, 10, 15],

confine: true,

backgroundColor: ‘rgba(255, 255, 255, .9)’,

textStyle: {

color: ‘hotpink’, // 提示框文字颜色

lineHeight: 22, // 文字行高

// 额外的 CSS 样式

extraCssText: ‘box-shadow: 0 4px 20px -4px rgba(199, 206, 215, .7);border-radius: 4px;’

series: [

{

type: ‘wordCloud’, // 系列类型为词云图

shape: ‘pentagon’, // 词云形状为五边形

left: ‘center’, // 词云水平居中

top: ‘center’, // 词云垂直居中

width: ‘100%’, // 词云宽度

height: ‘100%’, // 词云高度

// 定义词云中文字大小的范围

sizeRange: [14, 50],

// 定义词云中文字的旋转范围

rotationRange: [0, 0],

rotationStep: 0,

gridSize: 25, // 网格大小

drawOutOfBound: false, // 不允许词超出画布范围

layoutAnimation: true, // 启用布局动画

textStyle: {

fontFamily: ‘PingFangSC-Semibold’, // 字体

fontWeight: 600, // 字重

// 定义文字颜色的回调函数，随机选择颜色

color: function () {

let colors = [

‘#fe9a8bb3’, ‘#fe9a8b03’, ‘#9E87FFb3’, ‘#73DDFF’, ‘#58D5FF’

];

return colors[parseInt(Math.random() * colors.length)];

emphasis: {

focus: ‘none’, // 高亮状态下不聚焦任何词

data: list, // 词云数据

};

myChart.setOption(option);

});

将代码文档与Excel一起导入，输入提示词：

你是一名图表大师，请你读取文档中的代码并且理解；然后根据我提供的内容，做出和所提供代码类似的词云图图表，生成新的html格式内容

直接看结果👇

别说，这个确实不错了，不仅颜色不一，而且字体大小基本按提供的数据生成的。

如果觉得有点小，也可以截图保存，还是挺OK的。

同样的，最下方还有具体的解释和数据表格，全面👌

四、一键生成精美矩形树图

最后我们来一个矩形树图，虽然出现的少，但关键时刻用这类图也是不错的😏

老样子，还是用《凡人修仙传》来举例，我们列出暑期各平台的相关热门话题以及数据，做一个Excel。

同样由于制作难度较大，这里给出代码：

myChart.showLoading();
$.get(ROOT_PATH + ‘/data/asset/data/disk.tree.json’, function (diskData) {
myChart.hideLoading();
const formatUtil = echarts.format;
function getLevelOption() {
return [
{
itemStyle: {
borderWidth: 0,
gapWidth: 5
}
},
{
itemStyle: {
gapWidth: 1
}
},
{
colorSaturation: [0.35, 0.5],
itemStyle: {
gapWidth: 1,
borderColorSaturation: 0.6
}
}
];
}
myChart.setOption(
(option = {
title: {
text: ‘Disk Usage’,
left: ‘center’
},
tooltip: {
formatter: function (info) {
var value = info.value;
var treePathInfo = info.treePathInfo;
var treePath = [];
for (var i = 1; i < treePathInfo.length; i++) {
treePath.push(treePathInfo[i].name);
}
return [
‘

‘,
‘Disk Usage: ‘ + formatUtil.addCommas(value) + ‘ KB’
].join(”);
}
},
series: [
{
name: ‘Disk Usage’,
type: ‘treemap’,
visibleMin: 300,
label: {
show: true,
formatter: ‘{b}’
},
itemStyle: {
borderColor: ‘#fff’
},
levels: getLevelOption(),
data: diskData
}
]
})
);
});