构建数据可视化（基于Echarts,python)

红太狼 2024-03-24 22:00 120阅读 0赞

## 构建数据可视化（基于Echarts,python) ##

**本文目录：**

一、写在前面的题外话

二、数据可视化概念

三、用Python matplotlib库绘制数据可视化图

四、基于Echarts构建大数据可视化

4.1、安装echarts.js

4.2、数据可视化折线图制作

4.2.1、基础折线图

4.2.2、改善折线图

4.2.3、平滑折线图

4.2.4、虚线折线图

4.2.5、阶梯折线图

4.2.6、面积折线图

4.3、数据可视化柱状图制作

4.4、数据可视化极坐标柱状图制作

--------------------

## 一、写在前面的题外话 ##

![2ab463de26a541818271efa176656ae6.png][]

我们无法决定一个人的出现，也无法决定一个人的离开，**你或许能做的，就是珍惜不期而遇的惊喜。**前世的缘分，今生的相遇，来生的回眸。

**任何类型的关系（朋友、亲戚。。。），有心者，必有所累，无心者，亦无所谓。情出自愿，不谈亏欠，一念起，天涯咫尺；一念灭，咫尺天涯。**

每个人性格不同，人生经历也不同，如果因为环境等因素造成无法正常相处，不如选择礼貌退场，找回原来的自己，把别人还于人海，互不打扰。

没有谁的人生是经过铺垫顺畅无阻的，都不容易，你觉得别人比你过得好，只是因为你不曾看见他（她）疲惫不堪却不得不坚持的另一面。**半生风雨半身寒，一杯浊酒敬流年，回首过往半生路，七分酸楚三分甜。**

**世界上，每个人都是独一无二，无可替代的。所以我们才会在不知不觉中被某件微不足道的小事物牵引，记起某个人，某个声音，某个别人的故事。。。**

《再无一人恰似我》 　　作者：弘一法师 李叔同  
　　旧人不知我近况，  
　　新人不知我过往。  
　　纵你阅人何其多，  
　　再无一人恰似我。

**逆境清醒**

**2023.8.27**

![f3751a45350f4910835ba888fb79118a.gif][]

## 二、数据可视化概念 ##

> **数据可视化：**
> 
> 　　数据可视化是指将数据转换为图表、图形或其它形式的视觉元素，以帮助人们更好地理解和分析数据。它可以展示数据的模式、趋势、关联性和规律，有助于人们从数据中发现埋藏的价值和见解，从而更好地做出决策和行动。数据可视化涉及到多种技术和工具，包括图表、地图、网络图、热力图等。它已经成为数据分析和商业智能领域中非常重要的一部分。

![964d367a096643c2a3f7dcad832b7d09.jpeg][]

**实现数据可视化需要注意的事项：**

*  **选择合适的图表类型：**不同类型的数据要使用不同类型的图表来展示。比如，使用折线图来展示趋势数据，使用饼图来展示占比数据。
 *  **确定数据的重点：**为了呈现数据的重点，需要确保视觉元素的排列、颜色、和大小等符合数据的重点。
 *  **保持简洁：**不要在图表中添加太多的信息，将信息保持简洁，易于理解和阅读。
 *  **使用色彩有效：**对比色和相关色可以帮助读者更好地理解数据。不过，要避免使用过多的颜色，这会分散读者注意力。
 *  **选择合适的字体：**使用易于阅读的字体，并确保字体大小足够大，以便读者可以轻松地阅读数据。
 *  **保持一致性：**确保数据可视化的元素（如颜色、字体、大小）在整个视觉化项目中保持一致。

## 三、用Python matplotlib库绘制数据可视化图 ##

#-*- coding: UTF-8 -*-
    import matplotlib.pyplot as plt
    import matplotlib as mpl
    mpl.rcParams["font.sans-serif"]=["SimHei"]
    mpl.rcParams["axes.unicode_minus"]=False
    import matplotlib.pyplot as plt
    
    labels = ['糯米糍', '雪梅娘', '八宝饭', '驴打滚', '甜薄撑']
    values = [20, 30, 25, 15, 10]
    colors = ['lightskyblue', 'yellowgreen', 'gold', 'orange', 'lightcoral']
    
    plt.pie(values, labels=labels, colors=colors, autopct='%1.1f%%', startangle=90)
    plt.axis('equal')
    
    plt.show()

在上述代码中，我们使用了plt.pie()函数来绘制图形。

其中，

labels参数指定了每个扇形图的标签，

values参数指定了每个扇形图所占的值，

colors参数指定了每个扇形图的颜色，

autopct参数指定了每个扇形图所占的比例的显示方式，

startangle参数指定了起始角度。

最后，我们使用plt.axis('equal')来保证扇形图是一个正圆。

通过调用plt.show()来展示扇形图。

![558137fda8234e988094c9c45a8e6bce.jpeg][]

## 四、基于Echarts构建大数据可视化 ##

### 4.1、安装echarts.js ###

我们需要先安装echarts,

下载地址：https://archive.apache.org/dist/echarts/5.4.3/

![d7e96a9947b64033b98f3dec15b91184.jpeg][]

> 或者在页面代码里加入：
> 
> <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>

### 4.2、数据可视化折线图制作 ###

#### 4.2.1、基础折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![0db13fde38e943a0a61bdf5497660a5e.jpeg][]

代码如下：

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    					show:false,
    					alignWithLabel: true,
    				},
    		
      },
      series: [
        {
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

折线图数据集中在小范围内，效果不明显，我们调整一下代码：

#### 4.2.2、改善折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![7da7d242198d49e293ce417b5e65015e.jpeg][]

代码如下：

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    		show:false,
    		alignWithLabel: true,
    	},
      minInterval: 1, //最小刻度是1
      splitNumber: 4, //段数是4
      min: 98, //最小是0
      max: function (value) { //最大设定
      if (value.max < 4) {return 4;} 
      else {return value.max;}
    
    },
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:8},}}, //可以显示数字
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
          lineStyle: {
            width: 3,
            type: 'singleAxis',
            shadowColor : 'rgba(2, 89, 133,0.4)', //默认透明
            shadowBlur: 5,
            shadowOffsetX: 3,
            shadowOffsetY: 3,
            type:'solid'  // 虚线'dotted' 实线'solid'
            }
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

我们将折线图改成平滑折线图：

#### 4.2.3、平滑折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![75d6bb4c830448868af155e419c383ac.jpeg][]

代码如下：

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    	show:false,
    	alignWithLabel: true,
    	},
      minInterval: 1, //最小刻度是1
      splitNumber: 4, //段数是4
      min: 98, //最小是0
      max: function (value) { //最大设定
      if (value.max < 4) {return 4;} 
      else {return value.max;}
    
    },
    	
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:8},}}, //可以显示数字
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
          smooth: true,
    
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

#### 4.2.4、虚线折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![107d7368dc54430c8eeba9d328a455d5.jpeg][]

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    	show:false,
    	alignWithLabel: true,
    	},
    	minInterval: 1, //最小刻度是1
      splitNumber: 4, //段数是4
      min: 98, //最小是0
      max: function (value) { //最大设定
      if (value.max < 4) {return 4;} 
      else {return value.max;}
    
    },
    	
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:8},}}, //可以显示数字
          //name: 'Step End',
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
          lineStyle: {
            width: 3,
            type: 'singleAxis',
            shadowColor : 'rgba(2, 89, 133,0.4)', //默认透明
            shadowBlur: 5,
            shadowOffsetX: 3,
            shadowOffsetY: 3,
            type:'dotted'  // 虚线'dotted' 实线'solid'
            }
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

####  ####

#### 4.2.5、阶梯折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![e3aac94ed02542e983620781087dc02f.jpeg][]

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    	show:false,
    	alignWithLabel: true,
      },
    	minInterval: 1, //最小刻度是1
      splitNumber: 4, //段数是4
      min: 98, //最小是0
      max: function (value) { //最大设定
      if (value.max < 4) {return 4;} 
      else {return value.max;}
    
    },
    	
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:8},}}, //可以显示数字
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
          step: 'end',
    
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

#### 4.2.6、面积折线图 ####

**2022年1月-2023年7月广东居民消费价格指数同比走势图**

![c23bf1532caf42e999c66e7c3f223bc7.jpeg][]

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      grid: {
        left: '3%',
        right: '4%',
        bottom: '1%',
        containLabel: true
      },
      xAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"]
      },
      yAxis: {
        type: 'value',
      	axisTick: {
    	show:false,
    	alignWithLabel: true,
      },
    	minInterval: 1, //最小刻度是1
      splitNumber: 4, //段数是4
      min: 98, //最小是0
      max: function (value) { //最大设定
      if (value.max < 4) {return 4;} 
      else {return value.max;}
    
    },
    	
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:8},}}, //可以显示数字
          data: [101.7,101.5,101.9,102.4,102.3,103.1,102.9,102.5,102.6,102,101.8,102.2,102.7,100.8,100.8,100.6,100.3,99.6,99.8],
          type: 'line',
          areaStyle: {},
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

### 4.3、数据可视化柱状图制作 ###

![7f381e50b408457c8d911480403fd259.jpeg][]

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      title: {
        text: '广州城镇非私营单位在岗职工历年平均工资(元)'
      },
      xAxis: {
        type: 'category',
        data: [
          '2006年',
          '2007年',
          '2008年',
          '2009年',
          '2010年',
          '2011年',
          '2012年',
          '2013年',
          '2014年',
          '2015年',
          '2016年',
          '2017年',
          '2018年',
          '2019年',
          '2020年',
          '2021年'
        ],
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
          itemStyle : { normal: {label : {show: true,fontSize:9},}}, //可以显示数字
          data: [
            '36770',
            '40561',
            '45702',
            '49518',
            '54494',
            '57474',
            '67515',
            '73678',
            '74246',
            '81171',
            '89096',
            '98612',
            '111839',
            '123498',
            '135138',
            '144288'
          ],
          type: 'bar'
        }
      ]
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

### 4.4、数据可视化极坐标柱状图制作 ###

![1ae22f4dc5d247e69cf783c8abd67e45.jpeg][]

<!DOCTYPE html>
    <html lang="zh-CN" style="height: 100%">
    <head>
      <meta charset="utf-8">
    </head>
    <body style="height: 100%; margin: 0">
      <div id="container" style="height: 100%"></div>
    
      
      <script type="text/javascript" src="https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
      
      
      
      
      
    
      <script type="text/javascript">
        var dom = document.getElementById('container');
        var myChart = echarts.init(dom, null, {
          renderer: 'canvas',
          useDirtyRect: false
        });
        var app = {};
        
        var option;
    
        option = {
      title: [
        {
          text: '广州城镇非私营单位在岗职工历年平均工资(元)'
        }
      ],
      polar: {
        radius: [30, '90%']
      },
      angleAxis: {
        max:74246,
        startAngle: 30
      },
      radiusAxis: {
        type: 'category',
        data: ["22年01月","02月","03月","04月","05月","06月","07月","08月","09月","10月","11月","12月","23年01月","02月","03月","04月","05月","06月","07月"],
      },
      tooltip: {},
      series: {
        type: 'bar',
        data: [
            '36770',
            '40561',
            '45702',
            '49518',
            '54494',
            '57474',
            '67515',
            '73678',
            '74246',
            '81171',
            '89096',
            '98612',
            '111839',
            '123498',
            '135138',
            '144288'
          ],
        coordinateSystem: 'polar',
        label: {
          show: true,
          position: 'middle',
          formatter: '{b}: {c}'
        }
      }
    };
    
        if (option && typeof option === 'object') {
          myChart.setOption(option);
        }
    
        window.addEventListener('resize', myChart.resize);
      </script>
    </body>
    </html>

大数据文章：

*  [大数据（一）定义、特性][Link 1]
 *  [大数据（二）大数据行业相关统计数据][Link 2]
 *  [大数据（三）大数据相关的职位][Link 3]
 *  [基于Echarts构建大数据可视化大屏][Echarts]
 *  大数据（四）主流大数据技术

**推荐阅读：**

<table> 
 <tbody> 
  <tr> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/132425595" title="[你找到牵手一辈子的人了吗？] 七夕情人节特辑" rel="nofollow">[你找到牵手一辈子的人了吗？] 七夕情人节特辑</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131279554" title="数字技术能让古籍“活过来”吗？" rel="nofollow">数字技术能让古籍“活过来”吗？</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131774654" title="心情不好时，帮自己训练个AI情绪鼓励师吧（基于PALM 2.0 finetune)" rel="nofollow">心情不好时，帮自己训练个AI情绪鼓励师吧（基于PALM 2.0 finetune)</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/category_12360543.html" title="深度学习框架TensorFlow" rel="nofollow">深度学习框架TensorFlow</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131461873" title="人工智能开发人员工作流程、看法、工具统计数据" rel="nofollow">人工智能开发人员工作流程、看法、工具统计数据</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131336417" title="2023 年6月开发者调查统计结果——最流行的技术（2）" rel="nofollow">2023 年6月开发者调查统计结果——最流行的技术（2）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131336928" title="2023 年6月开发者调查统计结果——最流行的技术（1）" rel="nofollow">2023 年6月开发者调查统计结果——最流行的技术（1）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131428543" title="让Ai帮我们画个粽子，它会画成什么样呢？" rel="nofollow">让Ai帮我们画个粽子，它会画成什么样呢？</a></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/9e598365ba5344e282453e71a676a056.jpeg" width="150"></p> </td> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/b9b9f2b9374646798ca554110a498cda.jpeg" width="150"></p> </td> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/23f61e3eac99458296be0fedea10019e.jpeg" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/130327057" title="给照片换底色（python+opencv）" rel="nofollow">给照片换底色（python+opencv）</a></td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/130451132" title="猫十二分类" rel="nofollow">猫十二分类</a></td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/131292870" title="基于大模型的虚拟数字人__虚拟主播实例" rel="nofollow">基于大模型的虚拟数字人__虚拟主播实例</a></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/bfa502b957c247a7872d7e645d4c6f03.jpeg" width="150"></p> </td> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/2f073e39924e42d2b33221f4262dcc1d.jpeg" width="150"></p> </td> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/9d7e2b6a00aa45fd82291f0d5f9eea7e.jpeg" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/130099004" title="计算机视觉__基本图像操作（显示、读取、保存）" rel="nofollow">计算机视觉__基本图像操作（显示、读取、保存）</a></td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/130144500" title="直方图（颜色直方图、灰度直方图）" rel="nofollow">直方图（颜色直方图、灰度直方图）</a></td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/130159504" title="直方图均衡化（调节图像亮度、对比度）" rel="nofollow">直方图均衡化（调节图像亮度、对比度）</a></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="" height="84" src="https://img-blog.csdnimg.cn/01bfb23f2f894ee0b0164f52e57bbbbc.png" width="150"></p> </td> 
   <td> <p><img alt="" height="84" src="https://img-blog.csdnimg.cn/47c92d6cf9fe4d279a142480a4340a0d.png" width="150"></p> </td> 
   <td> <p><img alt="" height="85" src="https://img-blog.csdnimg.cn/1620a2a7b0914c42b3a8254e94269a79.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/129943496" title="语音识别实战（python代码）(一）" rel="nofollow">语音识别实战（python代码）(一）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/130051330" title="人工智能基础篇" rel="nofollow">人工智能基础篇</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/130068666" title="计算机视觉基础__图像特征" rel="nofollow">计算机视觉基础__图像特征</a></p> </td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="93d65dbd09604c4a8ed2c01df0eebc38.png" height="84" src="https://img-blog.csdnimg.cn/93d65dbd09604c4a8ed2c01df0eebc38.png" width="150"></p> </td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/125986622" title="matplotlib 自带绘图样式效果展示速查（28种，全）" rel="nofollow">matplotlib 自带绘图样式效果展示速查（28种，全）</a></p> </td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="074cd3c255224c5aa21ff18fdc25053c.png" height="84" src="https://img-blog.csdnimg.cn/074cd3c255224c5aa21ff18fdc25053c.png" width="150"></p> </td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/128015962" title="Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）" rel="nofollow">Three.js实例详解___旋转的精灵女孩(附完整代码和资源)（一）</a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="fe88b78e78694570bf2d850ce83b1f69.png" height="84" src="https://img-blog.csdnimg.cn/fe88b78e78694570bf2d850ce83b1f69.png" width="150"></p> </td> 
   <td> <p><img alt="" height="84" src="https://img-blog.csdnimg.cn/62e23c3c439f42a1badcd78f02092ed0.png" width="150"></p> </td> 
   <td> <p><img alt="cb4b0d4015404390a7b673a2984d676a.png" height="84" src="https://img-blog.csdnimg.cn/cb4b0d4015404390a7b673a2984d676a.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/127799004" title="立体多层玫瑰绘图源码__玫瑰花python 绘图源码集锦" rel="nofollow">立体多层玫瑰绘图源码__玫瑰花python 绘图源码集锦</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/130024037" title="Python 3D可视化（一）" rel="nofollow">Python 3D可视化（一）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/129906259?spm=1001.2014.3001.5501" title="让你的作品更出色——词云Word Cloud的制作方法（基于python，WordCloud，stylecloud)" rel="nofollow">让你的作品更出色——词云Word Cloud的制作方法（基于python，WordCloud，stylecloud)</a></p> </td> 
  </tr> 
  <tr> 
   <td> <p><img alt="e84d6708316941d49a79ddd4f7fe5b27.png" height="84" src="https://img-blog.csdnimg.cn/e84d6708316941d49a79ddd4f7fe5b27.png" width="150"></p> </td> 
   <td> <p><img alt="938bc5a8bb454a41bfe0d4185da845dc.jpeg" height="84" src="https://img-blog.csdnimg.cn/938bc5a8bb454a41bfe0d4185da845dc.jpeg" width="150"></p> </td> 
   <td> <p><img alt="0a4256d5e96d4624bdca36433237080b.png" height="84" src="https://img-blog.csdnimg.cn/0a4256d5e96d4624bdca36433237080b.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/129830874" title="python Format()函数的用法___实例详解（一）(全，例多）___各种格式化替换，format对齐打印" rel="nofollow">python Format()函数的用法___实例详解（一）(全，例多）___各种格式化替换，format对齐打印</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/126110424?spm=1001.2014.3001.5502" title="用代码写出浪漫__合集（python、matplotlib、Matlab、java绘制爱心、玫瑰花、前端特效玫瑰、爱心）" rel="nofollow">用代码写出浪漫__合集（python、matplotlib、Matlab、java绘制爱心、玫瑰花、前端特效玫瑰、爱心）</a></p> </td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/127941542" title="python爱心源代码集锦（18款）" rel="nofollow">python爱心源代码集锦（18款）</a></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="dc8796ddccbf4aec98ac5d3e09001348.jpeg" height="103" src="https://img-blog.csdnimg.cn/dc8796ddccbf4aec98ac5d3e09001348.jpeg" width="150"></p> </td> 
   <td> <p><img alt="0f09e73712d149ff90f0048a096596c6.png" height="84" src="https://img-blog.csdnimg.cn/0f09e73712d149ff90f0048a096596c6.png" width="150"></p> </td> 
   <td> <p><img alt="40e8b4631e2b486bab2a4ebb5bc9f410.png" height="84" src="https://img-blog.csdnimg.cn/40e8b4631e2b486bab2a4ebb5bc9f410.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/125403845" title="Python中Print()函数的用法___实例详解(全，例多）" rel="nofollow">Python中Print()函数的用法___实例详解(全，例多）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/126006585" title="Python函数方法实例详解全集(更新中...)" rel="nofollow">Python函数方法实例详解全集(更新中...)</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/126365799" title="《 Python List 列表全实例详解系列（一）》__系列总目录、列表概念" rel="nofollow">《 Python List 列表全实例详解系列（一）》__系列总目录、列表概念</a></p> </td> 
  </tr> 
  <tr> 
   <td> <p><img alt="09e08f86f127431cbfdfe395aa2f8bc9.png" height="84" src="https://img-blog.csdnimg.cn/09e08f86f127431cbfdfe395aa2f8bc9.png" width="150"></p> </td> 
   <td> <p><img alt="" height="84" src="https://img-blog.csdnimg.cn/6d64357a42714dab844bf17483d817c0.png" width="150"></p> </td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/126624379" title="用代码过中秋，python海龟月饼你要不要尝一口？" rel="nofollow">用代码过中秋，python海龟月饼你要不要尝一口？</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/129374125" title="python练习题目录" rel="nofollow">python练习题目录</a></p> </td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="03ed644f9b1d411ba41c59e0a5bdcc61.png" height="84" src="https://img-blog.csdnimg.cn/03ed644f9b1d411ba41c59e0a5bdcc61.png" width="150"></p> </td> 
   <td> <p><img alt="daecd7067e7c45abb875fc7a1a469f23.png" height="84" src="https://img-blog.csdnimg.cn/daecd7067e7c45abb875fc7a1a469f23.png" width="150"></p> </td> 
   <td> <p><img alt="17b403c4307c4141b8544d02f95ea06c.png" height="84" src="https://img-blog.csdnimg.cn/17b403c4307c4141b8544d02f95ea06c.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/127131591" title="草莓熊python turtle绘图（风车版）附源代码" rel="nofollow">草莓熊python turtle绘图（风车版）附源代码</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/127799077" title="草莓熊python turtle绘图代码（玫瑰花版）附源代码" rel="nofollow">草莓熊python turtle绘图代码（玫瑰花版）附源代码</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/128368639" title="草莓熊python绘图（春节版，圣诞倒数雪花版）附源代码" rel="nofollow">草莓熊python绘图（春节版，圣诞倒数雪花版）附源代码</a></p> </td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="4d9032c9cdf54f5f9193e45e4532898c.png" height="84" src="https://img-blog.csdnimg.cn/4d9032c9cdf54f5f9193e45e4532898c.png" width="150"></p> </td> 
   <td> <p><img alt="c5feeb25880d49c085b808bf4e041c86.png" height="84" src="https://img-blog.csdnimg.cn/c5feeb25880d49c085b808bf4e041c86.png" width="150"></p> </td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/128141522" title="巴斯光年python turtle绘图__附源代码" rel="nofollow">巴斯光年python turtle绘图__附源代码</a></p> </td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/127505979" title="皮卡丘python turtle海龟绘图（电力球版）附源代码" rel="nofollow">皮卡丘python turtle海龟绘图（电力球版）附源代码</a></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="80007dbf51944725bf9cf4cfc75c5a13.png" height="84" src="https://img-blog.csdnimg.cn/80007dbf51944725bf9cf4cfc75c5a13.png" width="150"></p> </td> 
   <td> <p><img alt="1ab685d264ed4ae5b510dc7fbd0d1e55.jpeg" height="103" src="https://img-blog.csdnimg.cn/1ab685d264ed4ae5b510dc7fbd0d1e55.jpeg" width="150"></p> </td> 
   <td> <p><img alt="1750390dd9da4b39938a23ab447c6fb6.jpeg" height="84" src="https://img-blog.csdnimg.cn/1750390dd9da4b39938a23ab447c6fb6.jpeg" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/124966437" title="Node.js (v19.1.0npm 8.19.3) vue.js安装配置教程（超详细）" rel="nofollow">Node.js (v19.1.0npm 8.19.3) vue.js安装配置教程（超详细）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/125289540" title="色彩颜色对照表（一）(16进制、RGB、CMYK、HSV、中英文名)" rel="nofollow">色彩颜色对照表（一）(16进制、RGB、CMYK、HSV、中英文名)</a></p> </td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/125532836" title="2023年4月多家权威机构____编程语言排行榜__薪酬状况" rel="nofollow">2023年4月多家权威机构____编程语言排行榜__薪酬状况</a></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="aa17177aec9b4e5eb19b5d9675302de8.png" height="112" src="https://img-blog.csdnimg.cn/aa17177aec9b4e5eb19b5d9675302de8.png" width="200"></p> </td> 
   <td> <p><img alt="38266b5036414624875447abd5311e4d.png" height="84" src="https://img-blog.csdnimg.cn/38266b5036414624875447abd5311e4d.png" width="150"></p> </td> 
   <td> <p><img alt="6824ba7870344be68efb5c5f4e1dbbcf.png" height="84" src="https://img-blog.csdnimg.cn/6824ba7870344be68efb5c5f4e1dbbcf.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/125776190" title="手机屏幕坏了____怎么把里面的资料导出（18种方法）" rel="nofollow">手机屏幕坏了____怎么把里面的资料导出（18种方法）</a></p> </td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/127582251" title="【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)" rel="nofollow">【CSDN云IDE】个人使用体验和建议（含超详细操作教程）（python、webGL方向)</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/129053793" title="查看jdk安装路径，在windows上实现多个java jdk的共存解决办法，安装java19后终端乱码的解决" rel="nofollow">查看jdk安装路径，在windows上实现多个java jdk的共存解决办法，安装java19后终端乱码的解决</a></p> </td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="" height="84" src="https://img-blog.csdnimg.cn/1408dd16a76947e4a7eb3c54cd570d95.png" width="150"></p> </td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/129630880" title="vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）" rel="nofollow">vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）</a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="fea225cb9ec14b60b2d1b797dd8278a2.png" height="84" src="https://img-blog.csdnimg.cn/fea225cb9ec14b60b2d1b797dd8278a2.png" width="150"></p> </td> 
   <td> <p><img alt="bba02a1c4617422c9fbccbf5325850d9.png" height="84" src="https://img-blog.csdnimg.cn/bba02a1c4617422c9fbccbf5325850d9.png" width="150"></p> </td> 
   <td> <p><img alt="37d6aa3e03e241fa8db72ccdfb8f716b.png" height="84" src="https://img-blog.csdnimg.cn/37d6aa3e03e241fa8db72ccdfb8f716b.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/128699908" title="2023年春节祝福第二弹——送你一只守护兔，让它温暖每一个你【html5 css3】画会动的小兔子，炫酷充电，字体特" rel="nofollow">2023年春节祝福第二弹——送你一只守护兔，让它温暖每一个你【html5 css3】画会动的小兔子，炫酷充电，字体特</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/128999468" title="别具一格，原创唯美浪漫情人节表白专辑，(复制就可用)（html5,css3,svg)表白爱心代码(4套)" rel="nofollow">别具一格，原创唯美浪漫情人节表白专辑，(复制就可用)（html5,css3,svg)表白爱心代码(4套)</a></p> </td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/129233327" title="SVG实例详解系列（一）(svg概述、位图和矢量图区别（图解）、SVG应用实例）" rel="nofollow">SVG实例详解系列（一）(svg概述、位图和矢量图区别（图解）、SVG应用实例）</a></td> 
  </tr> 
  <tr> 
   <td> <p><img alt="5d409c8f397a45c986ca2af7b7e725c9.png" height="84" src="https://img-blog.csdnimg.cn/5d409c8f397a45c986ca2af7b7e725c9.png" width="150"></p> </td> 
   <td> <p><img alt="6176c4061c72430eb100750af6fc4d0e.png" height="84" src="https://img-blog.csdnimg.cn/6176c4061c72430eb100750af6fc4d0e.png" width="150"></p> </td> 
   <td> <p><img alt="1f53fb9c6e8b4482813326affe6a82ff.png" height="84" src="https://img-blog.csdnimg.cn/1f53fb9c6e8b4482813326affe6a82ff.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/128296176" title="【程序人生】卡塔尔世界杯元素python海龟绘图（附源代码），世界杯主题前端特效5个（附源码）" rel="nofollow">【程序人生】卡塔尔世界杯元素python海龟绘图（附源代码），世界杯主题前端特效5个（附源码）</a></td> 
   <td><a href="https://blog.csdn.net/weixin_69553582/article/details/128425770?spm=1001.2014.3001.5502" title="HTML+CSS+svg绘制精美彩色闪灯圣诞树，HTML+CSS+Js实时新年时间倒数倒计时(附源代码)" rel="nofollow">HTML+CSS+svg绘制精美彩色闪灯圣诞树，HTML+CSS+Js实时新年时间倒数倒计时(附源代码)</a></td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/128581968" title="2023春节祝福系列第一弹（上）（放飞祈福孔明灯，祝福大家身体健康）（附完整源代码及资源免费下载）" rel="nofollow">2023春节祝福系列第一弹（上）（放飞祈福孔明灯，祝福大家身体健康）（附完整源代码及资源免费下载）</a></p> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> <p><img alt="fffa2098008b4dc68c00a172f67c538d.png" height="103" src="https://img-blog.csdnimg.cn/fffa2098008b4dc68c00a172f67c538d.png" width="150"></p> </td> 
   <td> <p><img alt="5218ac5338014f389c21bdf1bfa1c599.png" height="103" src="https://img-blog.csdnimg.cn/5218ac5338014f389c21bdf1bfa1c599.png" width="150"></p> </td> 
   <td> <p><img alt="c6374d75c29942f2aa577ce9c5c2e12b.png" height="103" src="https://img-blog.csdnimg.cn/c6374d75c29942f2aa577ce9c5c2e12b.png" width="150"></p> </td> 
  </tr> 
  <tr> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/124845408" title="tomcat11、tomcat10 安装配置（Windows环境）（详细图文）" rel="nofollow">tomcat11、tomcat10 安装配置（Windows环境）（详细图文）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/124893517" title="Tomcat端口配置（详细）" rel="nofollow">Tomcat端口配置（详细）</a></p> </td> 
   <td> <p>&nbsp;<a href="https://blog.csdn.net/weixin_69553582/article/details/124893550" title="Tomcat 启动闪退问题解决集（八大类详细）" rel="nofollow">Tomcat 启动闪退问题解决集（八大类详细）</a></p> </td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

[2ab463de26a541818271efa176656ae6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/f25bd6991c38428592740eaa987e95b1.png
[f3751a45350f4910835ba888fb79118a.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/df88fc7b454d44f19c500d70eeaffd73.png
[964d367a096643c2a3f7dcad832b7d09.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/8d0ef9176a494c5984e63002059c2b47.png
[558137fda8234e988094c9c45a8e6bce.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/b82789668dee4be5bd241578ee8692cd.png
[d7e96a9947b64033b98f3dec15b91184.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/73466fd9e5254d7e982ae8dfe0e6f7d7.png
[0db13fde38e943a0a61bdf5497660a5e.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/78f39130f8b14523a3a2dbdba268c551.png
[7da7d242198d49e293ce417b5e65015e.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/2c183219e9b740fe9328a29d9d846b42.png
[75d6bb4c830448868af155e419c383ac.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/3771ea09017e4384bb11366b32be3f89.png
[107d7368dc54430c8eeba9d328a455d5.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/806b16631ace4c749f1cebe6b94e25e0.png
[e3aac94ed02542e983620781087dc02f.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/2a3c2420dba040218670fa1c438e97b4.png
[c23bf1532caf42e999c66e7c3f223bc7.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/ee50c782874c4a65b641121f3ac28f01.png
[7f381e50b408457c8d911480403fd259.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/46984d78567144ca81a734c744314c13.png
[1ae22f4dc5d247e69cf783c8abd67e45.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/106765efbef2437c994746098595ea52.png
[Link 1]: https://blog.csdn.net/weixin_69553582/article/details/132483962
[Link 2]: https://blog.csdn.net/weixin_69553582/article/details/132487718
[Link 3]: https://blog.csdn.net/weixin_69553582/article/details/132494019
[Echarts]: https://blog.csdn.net/weixin_69553582/article/details/132518203