2018世界杯8组32队积分和净胜球

2019独角兽企业重金招聘Python工程师标准>>>

2018世界杯8组32队积分和净胜球echarts图表。

直接上代码;

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>2018世界杯8组32队积分和净胜球</title><script src="echarts.js"></script>
</head><body><div id="main" style="width:1000;height:600;position:absolute;top:10%;left:20%;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));var zu = ["A组", "B组", "C组", "D组", "E组", "F组", "G组", "H组"];var tData = [{ '球队': '乌拉圭', '胜': 3, '平': 0, '负': 0, '净胜球': 5, '积分': 9 },{ '球队': '俄罗斯', '胜': 2, '平': 0, '负': 1, '净胜球': 4, '积分': 6 },{ '球队': '沙特阿拉伯', '胜': 1, '平': 0, '负': 2, '净胜球': -5, '积分': 3 },{ '球队': '埃及', '胜': 0, '平': 0, '负': 3, '净胜球': -4, '积分': 0 },{ '球队': '西班牙', '胜': 1, '平': 2, '负': 0, '净胜球': 1, '积分': 5 },{ '球队': '葡萄牙', '胜': 1, '平': 2, '负': 0, '净胜球': 1, '积分': 5 },{ '球队': '伊朗', '胜': 1, '平': 1, '负': 1, '净胜球': 0, '积分': 4 },{ '球队': '摩洛哥', '胜': 0, '平': 1, '负': 2, '净胜球': -2, '积分': 1 },{ '球队': '法国', '胜': 2, '平': 1, '负': 0, '净胜球': 2, '积分': 7 },{ '球队': '丹麦', '胜': 1, '平': 2, '负': 0, '净胜球': 1, '积分': 5 },{ '球队': '秘鲁', '胜': 1, '平': 0, '负': 2, '净胜球': 0, '积分': 3 },{ '球队': '澳大利亚', '胜': 0, '平': 1, '负': 2, '净胜球': -3, '积分': 1 },{ '球队': '克罗地亚', '胜': 3, '平': 0, '负': 0, '净胜球': 6, '积分': 9 },{ '球队': '阿根廷', '胜': 1, '平': 1, '负': 1, '净胜球': -2, '积分': 4 },{ '球队': '尼日利亚', '胜': 1, '平': 0, '负': 2, '净胜球': -1, '积分': 3 },{ '球队': '冰岛', '胜': 0, '平': 1, '负': 2, '净胜球': -3, '积分': 1 },{ '球队': '巴西', '胜': 2, '平': 1, '负': 0, '净胜球': 4, '积分': 7 },{ '球队': '瑞士', '胜': 1, '平': 2, '负': 0, '净胜球': 1, '积分': 5 },{ '球队': '塞尔维亚', '胜': 1, '平': 0, '负': 2, '净胜球': -2, '积分': 3 },{ '球队': '哥斯达黎加', '胜': 0, '平': 1, '负': 2, '净胜球': -3, '积分': 1 },{ '球队': '瑞典', '胜': 2, '平': 0, '负': 1, '净胜球': 3, '积分': 6 },{ '球队': '墨西哥', '胜': 2, '平': 0, '负': 1, '净胜球': -1, '积分': 6 },{ '球队': '韩国', '胜': 1, '平': 0, '负': 2, '净胜球': 0, '积分': 3 },{ '球队': '德国', '胜': 1, '平': 0, '负': 2, '净胜球': -2, '积分': 3 },{ '球队': '比利时', '胜': 3, '平': 0, '负': 0, '净胜球': 7, '积分': 9 },{ '球队': '英格兰', '胜': 2, '平': 0, '负': 1, '净胜球': 5, '积分': 6 },{ '球队': '突尼斯', '胜': 1, '平': 0, '负': 2, '净胜球': -3, '积分': 3 },{ '球队': '巴拿马', '胜': 0, '平': 0, '负': 3, '净胜球': -9, '积分': 0 },{ '球队': '哥伦比亚', '胜': 2, '平': 0, '负': 1, '净胜球': 3, '积分': 6 },{ '球队': '日本', '胜': 1, '平': 1, '负': 1, '净胜球': 0, '积分': 4 },{ '球队': '塞内加尔', '胜': 1, '平': 1, '负': 1, '净胜球': 0, '积分': 4 },{ '球队': '波兰', '胜': 1, '平': 0, '负': 2, '净胜球': -3, '积分': 3 }];var xData = [];var yData = [];for (var i = 0; i < tData.length; i++) {xData.push(tData[i]['积分']);yData.push(tData[i]['球队']);}function split_array(arr, len) {var a_len = arr.length;var result = [];for (var i = 0; i < a_len; i += len) {result.push(arr.slice(i, i + len));}return result;}var zuData = split_array(tData, 4);xData = split_array(xData, 4);yData = split_array(yData, 4);var datas = [];zuData.forEach(function (val, index) {var j = index;val.forEach(function (val, index) {datas.push({name: val['球队'],value: val['净胜球'],category: zu[j]});})})var cData = [];var legenddData = {};zu.forEach(function (v, index) {cData.push({name: v,});legenddData[v] = false;})legenddData['A组'] = true;legenddData['B组'] = true;legenddData['C组'] = true;legenddData['D组'] = true;option = {///title开始title: [{text: 'A组积分',top: '5%',textStyle: {fontSize: 12}}, {text: 'B组积分',x: '35%',top: '5%',textStyle: {fontSize: 12}}, {text: 'C组积分',x: '70%',top: '5%',textStyle: {fontSize: 12}}, {text: 'D组积分',y: '35%',textStyle: {fontSize: 12}}, {text: 'E组积分',x: '35%',y: '35%',textStyle: {fontSize: 12}}, {text: 'F组积分',x: '70%',y: '35%',textStyle: {fontSize: 12}}, {text: 'G组积分',y: '65%',textStyle: {fontSize: 12}}, {text: 'H组积分',x: '35%',y: '65%',textStyle: {fontSize: 12}}, {text: '净胜球',x: '76%',y: '76%',textStyle: {fontSize: 12}}],grid开始/grid: [{x: '8%',y: '10%',width: '20%',height: '15%'}, { //bx: '40%',y: '10%',width: '20%',height: '15%'}, { //cx: '75%',y: '10%',width: '20%',height: '15%'}, { //dx: '8%',y: '40%',width: '20%',height: '15%'}, { //ex: '40%',y: '40%',width: '20%',height: '15%'}, { //fx: '75%',y: '40%',width: '20%',height: '15%'}, { //gx: '8%',y: '70%',width: '20%',height: '15%'}, {x: '40%',y: '70%',width: '20%',height: '15%'}],xAxis开始/xAxis: [{splitNumber: 4,}, {gridIndex: 1,splitNumber: 4,}, {gridIndex: 2,splitNumber: 4,}, {gridIndex: 3,splitNumber: 4,}, {gridIndex: 4,splitNumber: 4,}, {gridIndex: 5,splitNumber: 4,}, {gridIndex: 6,splitNumber: 4,}, {gridIndex: 7,splitNumber: 4,}],yAxis开始/yAxis: [{axisLabel: {interval: 0,color: '#00C5CD',},data: yData[0].reverse(),}, { //bgridIndex: 1,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[1].reverse(),}, { //cgridIndex: 2,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[2].reverse(),}, { //dgridIndex: 3,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[3].reverse(),}, { //egridIndex: 4,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[4].reverse(),}, { //fgridIndex: 5,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[5].reverse(),}, { //ggridIndex: 6,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[6].reverse(),}, { //hgridIndex: 7,axisLabel: {interval: 0,color: '#00C5CD',},data: yData[7].reverse(),}],tooltip: {formatter: function (parmes) {return parmes.name + ":" + parmes.value;}},legend: {data: zu,selected: legenddData},series: [///graph开始///{color: ['#c23531', '#2f4554', '#61a0a8', '#d48265', '#91c7ae', '#749f83', '#ca8622', '#bda29a', '#6e7074', '#546570', '#c4ccd3'],type: 'graph',layout: 'circular',symbol: 'circle',symbolSize: 8,left: '70%',top: '68%',width: '18%',height: '18%',circular: {rotateLabel: true},label: {show: true,position: "top",verticalAlign: 'middle',formatter: function (parmes) {return parmes.name + ":" + parmes.value;}},categories: cData,data: datas,//links:linkData},/bar开始/{ //aname: 'A组',type: 'bar',data: xData[0].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //bname: 'B组',type: 'bar',xAxisIndex: 1,yAxisIndex: 1,data: xData[1].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //cname: 'C组',type: 'bar',xAxisIndex: 2,yAxisIndex: 2,data: xData[2].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //dname: 'D组',type: 'bar',xAxisIndex: 3,yAxisIndex: 3,data: xData[3].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //ename: 'E组',type: 'bar',xAxisIndex: 4,yAxisIndex: 4,data: xData[4].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //fname: 'F组',type: 'bar',xAxisIndex: 5,yAxisIndex: 5,data: xData[5].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //gname: 'G组',type: 'bar',xAxisIndex: 6,yAxisIndex: 6,data: xData[6].reverse(),label: {show: true,position: 'right',align: 'left',},}, { //hname: 'H组',type: 'bar',xAxisIndex: 7,yAxisIndex: 7,data: xData[7].reverse(),label: {show: true,position: 'right',align: 'left',}}]};myChart.setOption(option);</script>
</body></html>

如图；

转载于:https://my.oschina.net/oisanblog/blog/1837949

2018世界杯8组32队积分和净胜球相关推荐

2018世界杯球队热度CGI榜：大数据预测巴西、法国成夺冠热门
2018世界杯赛程已过半,在各种爆冷和黑马横飞之中,球迷们目送卫冕冠军德国队带着几百斤土豆离开了俄罗斯,也为梅西和C罗的离去在天台久久徘徊.在各种实力排行榜都被推翻后,球迷们苦于找不到一个依据来预测今 ...
python分析比赛_实战项目练习 ---- 【2018世界杯】用python分析夺冠球队
2018世界杯前言在网上找到了个用Python分析2018世界杯夺冠热门的项目,感觉很有意思准备拿来练练手. 因为目前还没有学到图形可视化部分,所以这部分内容会完全借鉴网上的教程. 分析目的通过 ...
ML之预测：玩转2018世界杯—采用机器学习预测小组赛、十六比赛、四决赛、半决赛、决赛以及世界杯总冠军的各个队伍
ML之预测:玩转2018世界杯-采用机器学习预测小组赛.十六比赛.四决赛.半决赛.决赛以及世界杯总冠军的各个队伍导读机器学习预测.玩转2018世界杯-采用机器学习预测小组赛.十六比赛. ...
2018世界杯赛程PHP源码,PHP-ML机器学习预测2018俄罗斯世界杯比赛结果
前言: 根据2014年巴西世界杯的小组赛比赛结果和赔率数据简单预测2018世界杯比赛结果,比赛的赔率我们可以事先知道,所以可以使用赔率作为预测数据技术: PHP ML库贝叶斯分类器样本数据:20 ...
世界杯+竞猜php,2018世界杯：分享微信游戏—玩竞猜更精彩
原标题:2018世界杯:分享微信游戏-玩竞猜更精彩 2018年世界杯,又是一场有情怀的世界级赛事,曾经聚在学校食堂看世界杯,曾经在顶着黑眼圈爱世界杯,曾经为了争小贝更帅而面红耳赤...2018年的世界 ...
C++构造函数与类型转换explicit（大疆2018校招软件组考点之一）
类的构造函数是用于类成员变量的初始化,由编译器隐式调用. 1.默认构造函数假设我们定义一个类的名字叫Student,成员变量有int age和char* name. 1.1.定义默认构造函数注意: ...
币须知道 |马云又抢占了一块高地，蚂蚁金服区块链跨境汇款正式落地，2018世界杯板块排名涨幅第一...
您的转发和吐槽是我们前进的动力今日要闻监管要闻 ·银行屡次质疑区块链,真创新还是假参与? ·浙江省副省长:应普及区块链等热点产品及服务的体验与应用 ·桂林市副市长:愿为区块链在桂林的发展提供良 ...
已知有十六支男子足球队参加2008北京奥运会，写一个程序分组，每组四队
写一个程序,把这16 支球队随机分为4 个组,每组4只球队.采用List集合和随机数 2008 北京奥运会男足参赛国家: 科特迪瓦,阿根廷,澳大利亚,塞尔维亚,荷兰,尼日利亚,日本,美国,中国, 新西 ...
这届中国球迷多任性？盘点2018世界杯球迷画像
就在今天凌晨,为期近1个月的2018年俄罗斯世界杯终于落下帷幕.高卢雄鸡在时隔20年后再次高举大力神杯,拒绝冷门.只有400万人口的克罗地亚获得亚军,创造了克罗地亚足球的历史. 在88年的世界杯历史中 ...

2018世界杯8组32队积分和净胜球

2018世界杯8组32队积分和净胜球相关推荐

最新文章

热门文章