2018世界杯8组32队积分和净胜球
生活随笔
收集整理的這篇文章主要介紹了
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队积分和净胜球的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 手机连接WiFi老掉线-手机连接WiFi
- 下一篇： 通用汽车因电池短缺暂停生产部分商用电动汽