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.mzph.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