//Record time till 5:00 PM alert('This Records is till 00:15 AM, 23 Sep, 2019 !') alert('For pie chart credit goes to https://canvasjs.com !'); alert('If not displaying proper on your mobile, then click on pie chart!'); var ids = [4157142, 7885877, 3745102, 1215971, 7920723, 2200299, 11941219, 10531846]; var playersName = { 4157142 : {'name' : 'JeMa'}, 7885877 : {'name' : 'BroFarOps'}, 3745102 : {'name' : 'Michaël🤴'}, 1215971 : {'name' : 'JOY'}, 7920723 : {'name' : 'AJ'}, 2200299 : {'name' : 'Prometheus'}, 11941219 : {'name' : 'Nerses Avakyan'}, 10531846 : {'name' : 'David F. Rose'} } var playersXP = { 4157142 : {'xp' : 578617}, 7885877 : {'xp' : 545781}, 3745102 : {'xp' : 543476}, 1215971 : {'xp' : 469124}, 7920723 : {'xp' : 447359}, 2200299 : {'xp' : 380190}, 11941219 : {'xp' : 356611}, 10531846 : {'xp' : 239542} } var records = { 4157142 : {'Won' : 36146, 'Lost' : 1613, 'Draws' : 77225}, 7885877 : {'Won' : 16348, 'Lost' : 1762, 'Draws' : 89858}, 3745102 : {'Won' : 22977, 'Lost' : 1476, 'Draws' : 85092}, 1215971 : {'Won' : 31836, 'Lost' : 1214, 'Draws' : 59277}, 7920723 : {'Won' : 23389, 'Lost' : 466, 'Draws' : 60121}, 2200299 : {'Won' : 10332, 'Lost' : 1431, 'Draws' : 64242}, 11941219 : {'Won' : 18306, 'Lost' : 1206, 'Draws' : 51046}, 10531846 : {'Won' : 7241, 'Lost' : 1639, 'Draws' : 42272} }; $( document ).ready(function() { for(var i = 0; i < ids.length; i++) { if(playersName.hasOwnProperty(ids[i])) { var obj = playersName[ids[i]]; $('#playes').append([i + 1] + " " + obj.name + " Anant

"); } } showTotalXP(); }); function showTotalXP() { var totalXP = []; for(var j = 0; j < ids.length; j++) { var obj1 = playersName[ids[j]]; var obj2 = playersXP[ids[j]]; totalXP.push({ label : obj1.name, y : obj2.xp }); } var options = { animationEnabled: true, title: { text: "Total html XP" }, data: [{ type: "doughnut", innerRadius: "40%", toolTipContent: "{label}: {y} (#percent%)", showInLegend: "true", legendText: "{label}", indexLabel: "{label} ({y})", yValueFormatString:"#,##0.#"%"", dataPoints: totalXP }] }; $("#chartContainer").CanvasJSChart(options); } function showTotal() { var totalPlayed = []; for(var j = 0; j < ids.length; j++) { var obj1 = playersName[ids[j]]; var total = 0; if(records.hasOwnProperty(ids[j])) { var obj2 = records[ids[j]]; total = obj2.Won + obj2.Lost + obj2.Draws; } totalPlayed.push({ label : obj1.name, y : total }); } var options = { animationEnabled: true, title: { text: "Html Played" }, data: [{ type: "pie", toolTipContent: "{label}: {y} (#percent%)", startAngle: 45, showInLegend: "true", legendText: "{label}", indexLabel: "{label} ({y})", yValueFormatString:"#,##0.#"%"", dataPoints: totalPlayed }] }; $("#chartContainer").CanvasJSChart(options); } function showTotalWon() { var totalXP = []; for(var j = 0; j < ids.length; j++) { var obj1 = playersName[ids[j]]; var obj2 = records[ids[j]]; var totalPer = (obj2.Won * 100) / (obj2.Won + obj2.Lost + obj2.Draws); totalXP.push({ label : obj1.name, y : obj2.Won, z : totalPer.toFixed(2) }); } var options = { animationEnabled: true, title: { text: "Total Won" }, data: [{ type: "doughnut", innerRadius: "40%", toolTipContent: "{label}: {y} (#percent%)", showInLegend: "true", legendText: "{label}", indexLabel: "{label} ({y}) ({z} %)", yValueFormatString:"#,##0.#"%"", dataPoints: totalXP }] }; $("#chartContainer").CanvasJSChart(options); } function showTotalLost() { var totalXP = []; for(var j = 0; j < ids.length; j++) { var obj1 = playersName[ids[j]]; var obj2 = records[ids[j]]; var totalPer = (obj2.Lost * 100) / (obj2.Won + obj2.Lost + obj2.Draws); totalXP.push({ label : obj1.name, y : obj2.Lost, z : totalPer.toFixed(2) }); } var options = { animationEnabled: true, title: { text: "Total Lost" }, data: [{ type: "pie", toolTipContent: "{label}: {y} (#percent%)", startAngle: 45, showInLegend: "true", legendText: "{label}", indexLabel: "{label} ({y}) ({z} %)", yValueFormatString:"#,##0.#"%"", dataPoints: totalXP }] }; $("#chartContainer").CanvasJSChart(options); } function showTotalDraws() { var totalXP = []; for(var j = 0; j < ids.length; j++) { var obj1 = playersName[ids[j]]; var obj2 = records[ids[j]]; var totalPer = (obj2.Draws * 100) / (obj2.Won + obj2.Lost + obj2.Draws); totalXP.push({ label : obj1.name, y : obj2.Draws, z : totalPer.toFixed(2) }); } var options = { animationEnabled: true, title: { text: "Total Draws" }, data: [{ type: "doughnut", innerRadius: "40%", toolTipContent: "{label}: {y} (#percent%)", showInLegend: "true", legendText: "{label}", indexLabel: "{label} ({y}) ({z} %)", yValueFormatString:"#,##0.#"%"", dataPoints: totalXP }] }; $("#chartContainer").CanvasJSChart(options); }

Top Active Html Challenger