21data 數據可視化 代碼合集

<!-- <!DOCTYPE html>
<html>
<head><title>視覺映射和圖例</title><meta charset="utf-8"><script src="echarts.js"></script>
</head>
<body>
<div style="width: 600px;height:400px;">
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var option = {legend: {// Try 'horizontal'orient: 'vertical',right: 10,top: 20,bottom: 20,type: 'scroll',backgroundColor: '#000',textStyle:{color:'#FFF',},icon: 'square',},dataset: {source: [['product', '2015', '2016', '2017', '2018', '2019', ],['Matcha Latte', 43.3, 85.8, 93.7, 43.3, 85.8, 93.7, 72.4, 53.9, 39.1],['Milk Tea', 83.1, 73.4, 55.1, 83.1, 73.4, 55.1, 72.4, 53.9, 39.1],['Cheese Cocoa', 86.4, 65.2, 82.5, 86.4, 65.2, 82.5, 72.4, 53.9, 39.1],['Walnut Brownie', 72.4, 53.9, 39.1, 72.4, 53.9, 39.1, 72.4, 53.9, 39.1]]},xAxis: { type: 'category' },yAxis: {},series: [{ type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' },]};myChart.setOption(option);</script></div>
</body>
</html>--><!DOCTYPE html>
<html><head><meta charset="utf-8" /><!-- 引入剛剛下載的 ECharts 文件 --><script src="echarts.js"></script></head><body><div id="main" style="width: 600px;height:400px;"> <script type="text/javascript">// 基于準備好的dom，初始化echarts實例var myChart = echarts.init(document.getElementById('main'),'purple-passion');// 指定圖表的配置項和數據var option = {legend: {// Try 'horizontal'orient: 'vertical',right: 10,top: 20,bottom: 20,type: 'scroll',backgroundColor: '#000',textStyle:{color:'#FFF',},icon: 'square',},dataset: {source: [['product', '2015', '2016', '2017', '2018', '2019', ],['Matcha Latte', 43.3, 85.8, 93.7, 43.3, 85.8, 93.7, 72.4, 53.9, 39.1],['Milk Tea', 83.1, 73.4, 55.1, 83.1, 73.4, 55.1, 72.4, 53.9, 39.1],['Cheese Cocoa', 86.4, 65.2, 82.5, 86.4, 65.2, 82.5, 72.4, 53.9, 39.1],['Walnut Brownie', 72.4, 53.9, 39.1, 72.4, 53.9, 39.1, 72.4, 53.9, 39.1]]},xAxis: { type: 'category' },yAxis: {},series: [{ type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' },]};// 使用剛指定的配置項和數據顯示圖表。myChart.setOption(option);</script></div></body>
</html>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>多圖表示例</title><!-- 引入 ECharts 文件 --><script src="echarts.js"></script></head><body><!-- 柱狀圖容器 --><div id="barChart" style="width: 400px; height: 300px; float: left;"></div><!-- 條形圖容器 --><div id="barHorizontalChart" style="width: 400px; height: 300px; float: left;"></div><!-- 折線圖容器 --><div id="lineChart" style="width: 400px; height: 300px; float: left;"></div><!-- 餅圖容器 --><div id="pieChart" style="width: 400px; height: 300px; float: left;"></div><!-- 雷達圖容器 --><div id="radarChart" style="width: 400px; height: 300px; float: left;"></div><script type="text/javascript">var barChart = echarts.init(document.getElementById('barChart'));var barHorizontalChart = echarts.init(document.getElementById('barHorizontalChart'));var lineChart = echarts.init(document.getElementById('lineChart'));var pieChart = echarts.init(document.getElementById('pieChart'));var radarChart = echarts.init(document.getElementById('radarChart')); // 柱狀圖配置項 var barOption = {xAxis: { type: 'category',data: ['A', 'B', 'C', 'D', 'E', 'F'] },yAxis: { type: 'value' }, series: [{ data: [210, 320, 280, 330, 350, 420], type: 'bar' }] }; // 條形圖配置項var barHorizontalOption = {yAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E', 'F'] }, xAxis: { type: 'value' }, series: [{ data: [210, 320, 280, 330, 350, 420], type: 'bar' }] };// 折線圖配置項var lineOption = {xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'line' }] };// 餅圖配置項var pieOption = {series: [{ data: [ {value: 335, name: 'A'}, {value: 310, name: 'B'}, {value: 234, name: 'C'}, {value: 135, name: 'D'}, {value: 1548, name: 'E'} ], type: 'pie' }] };// 雷達圖配置項var radarOption = { radar: { indicator: [ {name: 'A', max: 6500}, {name: 'B', max: 16000}, {name: 'C', max: 30000}, {name: 'D', max: 38000}, {name: 'E', max: 52000} ] }, series: [{ type: 'radar', data : [ { value : [4300, 10000, 28000, 35000, 50000], name : 'Data' } ] }] }; barChart.setOption(barOption); barHorizontalChart.setOption(barHorizontalOption); lineChart.setOption(lineOption); pieChart.setOption(pieOption); radarChart.setOption(radarOption);</script></body>
</html>
import matplotlib.pyplot as plt# 定義 x 軸數據
x = [0, 1, 2, 3, 4]# 定義 y 軸數據
y = [0, 1, 2, 3, 4]# 繪制圖形
plt.plot(x, y)# 顯示圖形
plt.show()import matplotlib.pyplot as plt# x 軸數據
x = [1, 2, 3, 4, 5]
# y 軸數據
y = [2, 4, 6, 8, 10]# 繪制折線圖
plt.plot(x, y)# 添加圖表標題和坐標軸標簽
plt.title('折線圖示例')
plt.xlabel('X 軸')
plt.ylabel('Y 軸')# 顯示圖形
plt.show()import matplotlib.pyplot as plt# x 軸數據
x = [1, 2, 3, 4, 5]
# y 軸數據
y = [2, 4, 6, 8, 10]
# 繪制折線圖并設置線條樣式為虛線
plt.plot(x, y, linestyle='--')
# 添加圖表標題和坐標軸標簽
plt.title('折線圖示例')
plt.xlabel('X 軸')
plt.ylabel('Y 軸')
# 顯示圖形
plt.show()import matplotlib.pyplot as plt# x 軸數據
x = [1, 2, 3, 4, 5]
# y 軸數據
y = [2, 4, 6, 8, 10]# 設置 x 軸刻度
plt.xticks([1, 2, 3, 4, 5], ['A', 'B', 'C', 'D', 'E'])# 繪制折線圖
plt.plot(x, y)# 添加圖表標題和坐標軸標簽
plt.title('折線圖示例')
plt.xlabel('自定義 X 軸')
plt.ylabel('Y 軸')# 顯示圖形
plt.show()import matplotlib.pyplot as plt# x 軸數據
x = [1, 2, 3, 4, 5]
# y 軸數據
y = [2, 4, 6, 8, 10]# 設置 x 軸字體大小和顏色
plt.xticks(fontsize=16, color='red')
# 設置 y 軸字體大小和顏色
plt.yticks(fontsize=16, color='red')# 繪制折線圖
plt.plot(x, y)# 添加圖表標題和坐標軸標簽
plt.title('折線圖示例')
plt.xlabel('X 軸')
plt.ylabel('Y 軸')# 顯示圖形
plt.show()import matplotlib.pyplot as plt# x 軸數據
x = [1, 2, 3, 4, 5]
# y1 軸數據
y1 = [2, 4, 6, 8, 10]
# y2 軸數據
y2 = [4, 6, 8, 10, 12]# 繪制第一個折線圖
plt.subplot(211)
plt.plot(x, y1)
plt.title('折線圖 1')# 繪制第二個折線圖
plt.subplot(212)
plt.plot(x, y2)
plt.title('折線圖 2')# 設置子圖之間的間距
plt.subplots_adjust(left=None, bottom=None, right=None, top=None, wspace=0.5, hspace=0.5)# 顯示圖形
plt.show()
import matplotlib.pyplot as plt
import numpy as np# 生成隨機數據
x = np.arange(1, 11)
print(x)
y_line = np.random.randint(1, 10, size=10)
print(y_line)
y_bar = np.random.randint(1, 10, size=10)
y_barh = np.random.randint(1, 10, size=10)
theta = np.linspace(0, 2*np.pi, 10)
y_radar = np.random.randint(1, 10, size=10)
print(y_bar,y_barh,y_radar)# 折線圖
plt.figure(figsize=(8, 6)) #創建圖像窗口，大小為8*6英寸
plt.plot(x, y_line, marker='o', linestyle='-', color='b') #繪制折線圖，圓形標記，實線，藍色
plt.title('折線圖')
plt.xlabel('X軸')
plt.ylabel('Y軸')
plt.grid(True) #顯示網格線
plt.show()#柱狀圖
# 創建一個圖像窗口，并設置大小為8x6英寸
plt.figure(figsize=(8, 6))
# 繪制柱狀圖，x為橫坐標數據，y_bar為縱坐標數據，顏色為綠色，透明度為0.7
plt.bar(x, y_bar, color='g', alpha=0.7)
# 設置圖像標題
plt.title('柱狀圖')
# 設置橫坐標標簽
plt.xlabel('X軸')
# 設置縱坐標標簽
plt.ylabel('Y軸')
# 啟用縱向網格線
plt.grid(axis='y')
# 顯示圖像
plt.show()#條形圖
# 創建一個圖像窗口，并設置大小為8x6英寸
plt.figure(figsize=(8, 6))
# 繪制條形圖，x為縱坐標數據，y_barh為橫坐標數據，顏色為紅色，透明度為0.7
plt.barh(x, y_barh, color='r', alpha=0.7)
# 設置圖像標題
plt.title('條形圖')
# 設置橫坐標標簽
plt.xlabel('X軸')
# 設置縱坐標標簽
plt.ylabel('Y軸')
# 啟用橫向網格線
plt.grid(axis='x')
# 顯示圖像
plt.show()#雷達圖# 創建一個圖像窗口，并設置大小為8x6英寸
plt.figure(figsize=(8, 6))
# 創建一個極坐標子圖
ax = plt.subplot(111, polar=True)
# 繪制雷達圖，theta為角度數據，y_radar為雷達圖的值，使用圓形標記
ax.plot(theta, y_radar, marker='o')
# 填充雷達圖內部，顏色為藍色，透明度為0.1
ax.fill(theta, y_radar, 'b', alpha=0.1)
# 設置圖像標題
plt.title('雷達圖')
# 顯示圖像
plt.show()
import matplotlib.pyplot as plt
# 數據
x = [1, 2, 3, 4, 5]
y = [2, 3, 5, 7, 11]
sizes = [20, 50, 80, 150, 300]
# 氣泡大小
# 繪制氣泡圖
plt.scatter(x, y, s=sizes, alpha=0.6, c='blue', label='氣泡')
# 添加標簽和標題
plt.xlabel('X 軸')
plt.ylabel('Y 軸')
plt.title('簡單的氣泡圖')
# 顯示圖例
plt.legend()
# 顯示圖表
plt.show()import matplotlib.pyplot as plt
import numpy as np
# 定義數據
categories = ['類別1', '類別2', '類別3']
group1 = [3, 5, 2]
group2 = [4, 2, 7]
group3 = [6, 8, 3]
# 定義x軸的索引位置
x = np.arange(len(categories))
# 創建堆積柱形圖
plt.bar(x, group1, label='組1')
plt.bar(x, group2, bottom=group1, label='組2')
plt.bar(x, group3, bottom=np.array(group1) + np.array(group2), label='組3')
# 添加x軸的標簽
plt.xticks(x, categories)
# 添加圖例
plt.legend()
# 添加標題和軸標簽
plt.title('堆積柱形圖')
plt.xlabel('類別')
plt.ylabel('數量')
# 顯示圖表
plt.show()import matplotlib.pyplot as plt# 數據
x = [20,21,22,23]
y1 = [10, 20, 15, 25]
y2 = [15, 25, 20, 30]# 繪制簇狀柱形圖
width = 0.35
plt.bar(x, y1, width, label='Group 1')
plt.bar([i + 0.35 for i in x], y2, width, label='Group 2')
plt.xlabel('X 軸')
plt.ylabel('Y 軸')
plt.title('簇狀柱形圖')
plt.xticks(x)
plt.legend()
plt.show()import matplotlib.pyplot as plt
import numpy as np
# 定義數據
years = np.array([2016, 2017, 2018, 2019, 2020])
category1 = np.array([3, 4, 6, 7, 9])
category2 = np.array([1, 3, 4, 3, 6])
category3 = np.array([2, 2, 3, 4, 5])
# 繪制堆積折線圖
plt.stackplot(years, category1, category2, category3,labels=['類別1', '類別2', '類別3'],colors=['#FFDDC1', '#FFABAB', '#FF6F61'])
# 添加圖例
plt.legend(loc='upper left')
# 添加標題和軸標簽
plt.title('堆積折線圖示例')
plt.xlabel('年份')
plt.ylabel('數量')
# 顯示圖表
plt.show()

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/bicheng/21499.shtml
繁體地址，請注明出處：http://hk.pswp.cn/bicheng/21499.shtml
英文地址，請注明出處：http://en.pswp.cn/bicheng/21499.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

電腦視頻錄制工具，推薦3款，讓你的作品更專業！

電腦視頻錄制工具，推薦3款，讓你的作品更專業！

隨著信息技術的飛速發展&#xff0c;電腦視頻錄制工具在日常工作和娛樂中扮演著越來越重要的角色。它們不僅能幫助我們記錄電腦屏幕上的精彩瞬間&#xff0c;還能為教學、演示、游戲直播等多種場景提供便利。本文將詳細介紹三款電腦視頻錄制工具&#xff0c;并分步驟闡述它們的…
閱讀更多...
【TB作品】msp430f5529單片機，dht22，煙霧傳感器

【TB作品】msp430f5529單片機，dht22，煙霧傳感器

功能 //硬件&#xff1a;msp430f5529、dht22、LCD1602、蜂鳴器、煙霧傳感器、藍牙模塊。 //功能&#xff1a;讀取溫濕度、煙霧濃度顯示到屏幕&#xff1b; //按鍵調節三個報警數值&#xff1b; //溫度、濕度、煙霧濃度&#xff0c;任意一個大于報警數值就蜂鳴器報警&#xff1…
閱讀更多...
如何編輯pdf文件內容？編輯技巧大揭秘，秒變辦公達人！

如何編輯pdf文件內容？編輯技巧大揭秘，秒變辦公達人！

如何編輯pdf文件內容&#xff1f;在數字化辦公日益普及的今天&#xff0c;PDF文件因其跨平臺、格式穩定的特點&#xff0c;成為我們日常工作和學習中不可或缺的一部分。然而&#xff0c;PDF文件的編輯卻常常令人頭疼&#xff0c;許多人面對需要修改內容的PDF文件時感到無從下手…
閱讀更多...
【RPG Maker MV 仿新仙劍 戰斗場景UI （九）】

【RPG Maker MV 仿新仙劍 戰斗場景UI （九）】

RPG Maker MV 仿新仙劍 戰斗場景UI 九 前言角色戰斗精靈精靈圖設置攻擊 戰斗背景圖 前言 前段天研究并完成了主角人物行走圖部分的開發&#xff0c;完成了對應的8方向行走&#xff0c;及精靈的展示。現在開始重新回到戰斗場景的開發中&#xff0c;回顧下&#xff0c;已完成功能…
閱讀更多...
如何手動批準內核擴展 Tuxera NTFS for mac內核擴展需要批準 內核擴展怎么打開

如何手動批準內核擴展 Tuxera NTFS for mac內核擴展需要批準 內核擴展怎么打開

在了解如何手動批準內核擴展之前&#xff0c;我們應該先了解什么叫做內核擴展。內核擴展又被稱為KEXT&#xff0c;通過它可以實現macOS系統與軟件組件之間的交互&#xff0c;例如磁盤管理、任務管理和內存管理等等。 kext 是內核擴展&#xff08;Kernel Extension&#xff09;…
閱讀更多...
【漏洞復現】海康威視綜合安防管理平臺 orgManage/v1/orgs/download 任意文件讀取漏洞復現

【漏洞復現】海康威視綜合安防管理平臺 orgManage/v1/orgs/download 任意文件讀取漏洞復現

0x01 產品簡介 海康威視綜合安防管理平臺是一套“集成化”、“智能化”的平臺,通過接入視頻監控、一卡通、停車場、報警檢測等系統的設備。海康威視集成化綜合管理軟件平臺,可以對接入的視頻監控點集中管理,實現統一部署、統一配置、統一管理和統一調度。 0x02 漏洞概述 海康…
閱讀更多...
C語言:學生成績管理系統（含源代碼）

C語言:學生成績管理系統（含源代碼）

一.功能 二.源代碼 #include <stdio.h> #include <stdlib.h> #include <string.h> #define MAX_NUM 100 typedef struct {char no[30];char name[10];char sex[10];char phone[20];float cyuyan;float computer;float datastruct; } *student, student1;typ…
閱讀更多...
滲透測試報告生成工具

滲透測試報告生成工具

目錄 1.前言 1.1 滲透測試報告是什么? 1.2 滲透測試報告的編寫需要考慮以下幾點&#xff1a; 1.3 一份優秀的滲透測試報告應該具備以下特點&#xff1a; 1.4 在編寫滲透測試報告之前&#xff0c;需要進行一些準備工作&#xff1a; 1.5 滲透測試報告一般包括以下部分&…
閱讀更多...
作為表達式調用時，無法解析類修飾器的簽名。vue3+ts+vite,使用裝飾器時報錯

作為表達式調用時，無法解析類修飾器的簽名。vue3+ts+vite,使用裝飾器時報錯

作為表達式調用時&#xff0c;無法解析類修飾器的簽名。 The runtime will invoke the decorator with 2 arguments, but the decorator expects 1.ts(1238) 頁面也無法打開 解決方案&#xff1a; {"extends": "vue/tsconfig/tsconfig.dom.json","in…
閱讀更多...
代碼隨想錄算法訓練營Day55 | 583. 兩個字符串的刪除操作 72. 編輯距離 編輯距離總結篇

代碼隨想錄算法訓練營Day55 | 583. 兩個字符串的刪除操作 72. 編輯距離 編輯距離總結篇

代碼隨想錄算法訓練營Day55 | 583. 兩個字符串的刪除操作 72. 編輯距離 編輯距離總結篇 LeetCode 583. 兩個字符串的刪除操作 題目鏈接&#xff1a;LeetCode 583. 兩個字符串的刪除操作 思路&#xff1a; 分別刪除 class Solution { public:int minDistance(string word1, …
閱讀更多...
SEW交頻器 MDX61801110-5A3-4-0T可議價

SEW交頻器 MDX61801110-5A3-4-0T可議價

SEW交頻器 MDX61801110-5A3-4-0T可議價 SEW交頻器 MDX61801110-5A3-4-0T可議價 SEW交頻器 MDX61801110-5A3-4-0T可議價 SEW交頻器 MDX61801110-5A3-4-0T參數表 SEW交頻器 MDX61801110-5A3-4-0T中文說明書 SEW交頻器 MDX61B01110-5A3-4-0T 規格:MOVIDRIVE MDX61B0110-5A3…
閱讀更多...
【MySQL】探索 MySQL 中的 NVL：使用 IFNULL 和 COALESCE 實現

【MySQL】探索 MySQL 中的 NVL：使用 IFNULL 和 COALESCE 實現

緣分讓我們相遇亂世以外 命運卻要我們危難中相愛 也許未來遙遠在光年之外 我愿守候未知里為你等待 我沒想到為了你我能瘋狂到 山崩海嘯沒有你根本不想逃 我的大腦為了你已經瘋狂到 脈搏心跳沒有你根本不重要 &#x1f3b5; 鄧紫棋《光年之外》 什么是 NVL…
閱讀更多...
PyTorch使用tensorboard的SummaryWriter報錯

PyTorch使用tensorboard的SummaryWriter報錯

PyTorch使用tensorboard可以顯示網絡運行情況，但偶爾使用SummaryWriter時遇到Segmentation fault錯誤。 利用python3的faulthandler，可定位到出錯的代碼行，具體操作有兩種方式如下： (1) 在代碼中寫入faulthandler import faulthandler # 在import之后直接添加以下啟用代碼…
閱讀更多...
探索數據結構：便捷的雙向鏈表

探索數據結構：便捷的雙向鏈表

&#x1f511;&#x1f511;博客主頁&#xff1a;阿客不是客 &#x1f353;&#x1f353;系列專欄&#xff1a;漸入佳境之數據結構與算法 歡迎來到泊舟小課堂 &#x1f618;博客制作不易歡迎各位&#x1f44d;點贊?收藏?關注 ?? 前言 前面我們學習了單鏈表&#xff0c;它解…
閱讀更多...
k8s常用命令（持續更新中）

k8s常用命令（持續更新中）

1. 常用命令 # 查看命名空間下的所有pod kubectl get pod -n 命名空間 # 查看某命名空間下某個pod的日志 kubectl logs -f -n 命名空間 pod名# 查看某命名空間下某pod的詳細信息 kubectl describe pod pod名 -n 命名空間# 查看所有命名空間下pod kubectl pods --all-namespac…
閱讀更多...
等保測評核心對象概覽及實施要點

等保測評核心對象概覽及實施要點

等保測評的對象主要包括以下幾個方面&#xff1a; 1. 信息系統&#xff1a;由計算機硬件、網絡和通信設備、計算機軟件、信息資源、信息用戶和規章制度組成的以處理信息流為目的的人機一體化系統。常見的信息系統包括辦公自動化系統(OA)、客戶關系管理系統、進銷存管理系統等。…
閱讀更多...
ICLR24大模型提示(3/11) | PromptAgent：利用語言模型進行戰略規劃，實現專家級提示優化

ICLR24大模型提示(3/11) | PromptAgent：利用語言模型進行戰略規劃，實現專家級提示優化

【摘要】高效的、針對特定任務的提示通常由專家精心設計&#xff0c;以整合詳細的說明和領域見解&#xff0c;這些見解基于對大型語言模型 (LLM) 的本能和目標任務的復雜性的深刻理解。然而&#xff0c;自動生成這種專家級提示仍然難以實現。現有的提示優化方法往往忽視領域知識…
閱讀更多...
20240603每日AI------------項目引入Spring Cloud Alibaba AI （二）

20240603每日AI------------項目引入Spring Cloud Alibaba AI （二）

項目源碼解析 前端代碼&#xff1a; <div class"container"><h1>Spring Cloud Alibaba AI Example</h1><form id"form"><label for"message">User Message&#xff1a;</label><input type"text&q…
閱讀更多...
大模型PEFT（一）之推理實踐學習記錄

大模型PEFT（一）之推理實踐學習記錄

1. 簡介 多種模型: LLaMA、Mistral、Mixtral-MoE、Qwen、Yi、Gemmha、Baichuan、ChatGLM、Phi等等。集成方法:(增量)預訓練、指令監督微調、獎勵模型訓練、PPO訓練和DPO訓練。多種精度:32比特全參數微調、16比特凍結微調、16比特LORA微調和基于AQLM/AWQ/GPTQ/LLM.int8 的2/4/8…
閱讀更多...
一篇文章掌握Java的80%：面向對象與并發編程

一篇文章掌握Java的80%：面向對象與并發編程

Java作為一種廣泛使用的計算機編程語言&#xff0c;其強大之處在于其面向對象的特性和對并發編程的良好支持。作為一名程序員&#xff0c;我深知掌握Java的面向對象概念、集合框架、多線程與并發編程&#xff0c;以及JVM基礎對于編寫高效、可維護的代碼至關重要。本文將引導你快…
閱讀更多...
最新文章

Copyright @ 2022~2023