2020东京奥运会数据集echarts可视化分析
1.数据集的下载
2021 Olympics in Tokyo | Kaggle
部分数据集的内容如下
2.金牌榜前10名
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>金牌榜前十</title><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 1000px;height:400px;"></div>
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var option = {title: {text: '2021年东京奥运会金牌前十'},tooltip: {},legend: {data: ['国家']},xAxis: {data: ['美国', '中国', '日本', '英国', '俄罗斯', '澳大利亚','荷兰','法国','德国','意大利']},yAxis: {},color:['#48e2d5'],series: [{name: '数量',type: 'bar',data: [39, 38, 27, 22, 20, 17,10,10,10,10]}]};myChart.setOption(option);
</script>
</body>
</html>
3.总奖牌数前十
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>总奖牌前10</title><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 1000px;height:400px;"></div>
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var option = {title: {text: '2021年东京奥运会总奖牌前十'},tooltip: {},legend: {data: ['国家']},xAxis: {data: ['美国', '中国', '俄罗斯', '英国','日本','澳大利亚','意大利','德国','荷兰','法国']},yAxis: {},series: [{name: '数量',type: 'bar',data: [113,88,71,65,58,46,40,37,36,33]}]};myChart.setOption(option);
</script>
</body>
</html>
4.前十名的奖牌数组成
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>奖牌数组成</title><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width:1500px;height:600px;"></div>
<script type="text/javascript">const chartDom = document.getElementById('main');const myChart = echarts.init(chartDom);let option;option = {title:{text:'2021总奖牌前十奖牌组成'},angleAxis: {type: 'category',data: ['美国', '中国', '日本', '英国', '俄罗斯', '澳大利亚','荷兰','法国','德国','意大利']},radiusAxis: {},polar: {},series: [{type: 'bar',data: [39,38,27,22,20,17,10,10,10,10],coordinateSystem: 'polar',name: '金牌数',stack: 'a',emphasis: {focus: 'series'}},{type: 'bar',data: [41,32,14,21,28,7,12,12,11,10],coordinateSystem: 'polar',name: '银牌数',stack: 'a',emphasis: {focus: 'series'}},{type: 'bar',data: [33,18,17,22,23,22,14,11,16,20],coordinateSystem: 'polar',name: '铜牌数',stack: 'a',emphasis: {focus: 'series'}}],legend: {show: true,data: ['金牌数', '银牌数', '铜牌数']}};option && myChart.setOption(option);
</script>
</body>
</html>
5.参赛人数最多的10个比赛项目
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>参赛人数</title><!-- 引入 echarts.js --><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="width: 1200px;height:800px;"></div>
<script type="text/javascript">var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;option = {title: {text: '参赛人数前10多的比赛项目'},tooltip: {},legend: {data: ['人数']},xAxis: {data: ['Athletics','Swimming','Football','Rowing','Judo','Hockey','Shooting','Sailing','Handball','Rowing']},yAxis: {},color:['#79e248'],series: [{name: '人数',type: 'bar',data: [2041, 779, 608, 522, 393, 384, 356, 350, 336, 297]}]};option && myChart.setOption(option);
</script>
</body>
</html>
6.各国运动员情况
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>各国运动员人数</title><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 1000px;height:400px;"></div>
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var option = {title: {text: '2021年东京奥运会参数人数超过300的国家'},tooltip: {},legend: {data: ['国家']},xAxis: {data: ['美国', '日本', '澳大利亚', '中国', '德国', '法国','俄罗斯','西班牙','德国','巴西']},yAxis: {},series: [{name: '数量',type: 'bar',data: [634, 614, 489, 431, 418, 397,392,342,336,319]}]};myChart.setOption(option);
</script><div id="main2" style="width: 1000px;height:400px;"></div>
<script type="text/javascript">var myChart = echarts.init(document.getElementById('main2'));option = {title: {text: '2021年东京奥运会参赛人数',subtext: 'Fake Data',left: 'center'},tooltip: {trigger: 'item'},legend: {orient: 'vertical',left: 'left'},series: [{name: 'Access From',type: 'pie',radius: '50%',data: [{ value: 5139, name: '300人以上参赛的国家的人数' },{ value: 969, name: '300-200人参赛的国家的人数' },{ value: 2169, name: '200-100人参赛的国家的人数' },{ value: 3397, name: '100人以下参赛的国家的人数' },],emphasis: {itemStyle: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'}}}]};myChart.setOption(option);
</script>
<h5>总参赛人数11656
</h5>
</body>
</html>
其他更多图形样式可在echarts官网查找,并且有源代码,简单修改即可。
2020东京奥运会数据集echarts可视化分析相关推荐
- Pyecharts“可视化大屏“,带你重温 “2020东京奥运会“,不看直播尽知其事!
本文禁止其他人转载,违者必究! 目录 1.项目背景 2.奥运会相关信息爬取 ① 导入相关库 ② 爬虫代码完整讲解 3.数据预处理 ① 数据替换 ② 数据分组 ...
- 【2020东京奥运会】奥运榜单以及各国参赛运动员数据可视化~
项目 本文中的代码是基于notebook写的,可以访问https://www.heywhale.com/mw/project/61015e73aca24600179ec778获取完整notebook. ...
- 爬虫+可视化 | 动态展示2020东京奥运会奖牌世界分布
文章目录 前言 1. 导入模块 2. 数据爬取 3. 地图展示 3.1 2020东京奥运会奖牌数世界分布 3.2 2020东京奥运会金牌世界分布 3.3 2020东京奥运会金.银.铜世界分布
- 2020东京奥运会金牌榜爬虫
页面分析 寻找Ajax接口 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pq6LqtuY-1630031342051)(http://markdowntc.wanqq ...
- 使用Google Colab对PUBG的玩家死亡数据集进行可视化分析
使用Google Colab对PUBG的玩家死亡数据集进行可视化分析 数据集 数据集可以在Kaggle(https://www.kaggle.com/)中找到.需要注册Kaggle账号后,Accoun ...
- 宝洁聚焦“用爱指引”的2020东京奥运会参赛运动员,称颂他们的举动,并鼓励其他运动员采取积极行动
奥运会金牌得主Nastia Liukin和奥运会银牌得主Gus Kenworthy与宝洁"运动员向善基金"补助款接受者以及在2020东京奥运会上继续"用爱指引" ...
- 宝洁和2020东京奥运会宣布领奖台项目 – 即将举行的奥运会和残奥会将首次使用利用回收塑料制作的领奖台
辛辛那提--(美国商业资讯)--宝洁(Procter & Gamble, NYSE:PG)与2020东京奥运会组委会和国际奥委会(IOC)合作,于今日宣布在奥运会和残奥会历史上将首次全部使用回 ...
- 数据分享|基于Python、Hadoop零售交易数据的Spark数据处理与Echarts可视化分析
分析师:Enno 案例数据集是在线零售业务的交易数据,采用Python为编程语言,采用Hadoop存储数据,采用Spark对数据进行处理分析,并使用Echarts做数据可视化.由于案例公司商业模式类似 ...
- 爬取2020东京奥运会的所有赛事的情况,并分类输出,使用Python实现
在爬取2020年东京奥运会的赛事情况并分类输出时,你可以使用 Python 语言实现. 首先,你需要找到一个可以爬取这些信息的网站或数据源.你可以使用 Python 的第三方库 BeautifulSo ...
最新文章
- OO--第三单元规格化设计 博客作业
- 【错误记录】Flutter 报错 ( Android Studio 中 main.dart 左侧不显示设备栏 )
- PMP考试资料:这个项目值得去做吗
- 华中农业大学2018考研真题之867-数据结构与算法
- 《Linux内核分析》第一周笔记 计算机是如何工作的
- 1001 Calculate a + b
- H2数据库的Spring Boot
- 实现连麦_直播课程系统如何实现互动连麦效果?
- 毕业设计matlab在误差处理中的应用,毕业设计MATLAB在误差处理中的应用要点分析.doc...
- Android睡眠唤醒机制--Kernel态
- MapInfo MapXtreme 2005 WebGIS 简单鹰眼设计(转)
- 算法模板java_我的Java设计模式-模板方法模式
- mq系列传感器的程序_Cooper Instruments传感器定制解决方案
- ruby写的BT种子解析器
- 聊聊flink JobManager的heap大小设置 1
- 串口转WIFI的工作方式理解
- 网页换肤--setAttribute - css
- 昔者,圣人之作易也,幽赞神明而生蓍
- 终于把Edison板子上线了
- 论坛报名 | 语音与自然语言处理的最新突破和前沿趋势。道翰天琼认知智能平台为您揭秘新一代人工智能-1。
热门文章
- FPS游戏:实现人物高跳无后座力
- 也谈逆商AQ--献给我的朋友梁斌
- 山东大学暑期项目实训-基于信用评分卡算法模型的个人信用评级系统的设计与实现-第四周-11(7月21日)
- 原生php多表查询方法,ThinkPHP多表联合查询的常用方法
- apache http server 停止工作_(二)http协议的网站装ssl升级成https
- 探采大数据 构建信息化 浙江深谋“互联网+出行”
- Mac M1 安装Jmeter
- c语言程序ising算法,蒙特卡罗Ising算法C的程序.doc
- 猪脸识别,赢取30万大赛奖金
- springboot mapper无法注入_Spring Boot通过ImportBeanDefinitionRegistrar动态注入Bean