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可视化分析相关推荐

  1. Pyecharts“可视化大屏“,带你重温 “2020东京奥运会“,不看直播尽知其事!

    本文禁止其他人转载,违者必究! 目录   1.项目背景   2.奥运会相关信息爬取    ① 导入相关库    ② 爬虫代码完整讲解   3.数据预处理    ① 数据替换    ② 数据分组     ...

  2. 【2020东京奥运会】奥运榜单以及各国参赛运动员数据可视化~

    项目 本文中的代码是基于notebook写的,可以访问https://www.heywhale.com/mw/project/61015e73aca24600179ec778获取完整notebook. ...

  3. 爬虫+可视化 | 动态展示2020东京奥运会奖牌世界分布

    文章目录 前言 1. 导入模块 2. 数据爬取 3. 地图展示 3.1 2020东京奥运会奖牌数世界分布 3.2 2020东京奥运会金牌世界分布 3.3 2020东京奥运会金.银.铜世界分布

  4. 2020东京奥运会金牌榜爬虫

    页面分析 寻找Ajax接口 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pq6LqtuY-1630031342051)(http://markdowntc.wanqq ...

  5. 使用Google Colab对PUBG的玩家死亡数据集进行可视化分析

    使用Google Colab对PUBG的玩家死亡数据集进行可视化分析 数据集 数据集可以在Kaggle(https://www.kaggle.com/)中找到.需要注册Kaggle账号后,Accoun ...

  6. 宝洁聚焦“用爱指引”的2020东京奥运会参赛运动员,称颂他们的举动,并鼓励其他运动员采取积极行动

    奥运会金牌得主Nastia Liukin和奥运会银牌得主Gus Kenworthy与宝洁"运动员向善基金"补助款接受者以及在2020东京奥运会上继续"用爱指引" ...

  7. 宝洁和2020东京奥运会宣布领奖台项目 – 即将举行的奥运会和残奥会将首次使用利用回收塑料制作的领奖台

    辛辛那提--(美国商业资讯)--宝洁(Procter & Gamble, NYSE:PG)与2020东京奥运会组委会和国际奥委会(IOC)合作,于今日宣布在奥运会和残奥会历史上将首次全部使用回 ...

  8. 数据分享|基于Python、Hadoop零售交易数据的Spark数据处理与Echarts可视化分析

    分析师:Enno 案例数据集是在线零售业务的交易数据,采用Python为编程语言,采用Hadoop存储数据,采用Spark对数据进行处理分析,并使用Echarts做数据可视化.由于案例公司商业模式类似 ...

  9. 爬取2020东京奥运会的所有赛事的情况,并分类输出,使用Python实现

    在爬取2020年东京奥运会的赛事情况并分类输出时,你可以使用 Python 语言实现. 首先,你需要找到一个可以爬取这些信息的网站或数据源.你可以使用 Python 的第三方库 BeautifulSo ...

最新文章

  1. OO--第三单元规格化设计 博客作业
  2. 【错误记录】Flutter 报错 ( Android Studio 中 main.dart 左侧不显示设备栏 )
  3. PMP考试资料:这个项目值得去做吗
  4. 华中农业大学2018考研真题之867-数据结构与算法
  5. 《Linux内核分析》第一周笔记 计算机是如何工作的
  6. 1001 Calculate a + b
  7. H2数据库的Spring Boot
  8. 实现连麦_直播课程系统如何实现互动连麦效果?
  9. 毕业设计matlab在误差处理中的应用,毕业设计MATLAB在误差处理中的应用要点分析.doc...
  10. Android睡眠唤醒机制--Kernel态
  11. MapInfo MapXtreme 2005 WebGIS 简单鹰眼设计(转)
  12. 算法模板java_我的Java设计模式-模板方法模式
  13. mq系列传感器的程序_Cooper Instruments传感器定制解决方案
  14. ruby写的BT种子解析器
  15. 聊聊flink JobManager的heap大小设置 1
  16. 串口转WIFI的工作方式理解
  17. 网页换肤--setAttribute - css
  18. 昔者,圣人之作易也,幽赞神明而生蓍
  19. 终于把Edison板子上线了
  20. 论坛报名 | 语音与自然语言处理的最新突破和前沿趋势。道翰天琼认知智能平台为您揭秘新一代人工智能-1。

热门文章

  1. FPS游戏:实现人物高跳无后座力
  2. 也谈逆商AQ--献给我的朋友梁斌
  3. 山东大学暑期项目实训-基于信用评分卡算法模型的个人信用评级系统的设计与实现-第四周-11(7月21日)
  4. 原生php多表查询方法,ThinkPHP多表联合查询的常用方法
  5. apache http server 停止工作_(二)http协议的网站装ssl升级成https
  6. 探采大数据 构建信息化 浙江深谋“互联网+出行”
  7. Mac M1 安装Jmeter
  8. c语言程序ising算法,蒙特卡罗Ising算法C的程序.doc
  9. 猪脸识别,赢取30万大赛奖金
  10. springboot mapper无法注入_Spring Boot通过ImportBeanDefinitionRegistrar动态注入Bean