• 목록

<h1 id="kims" style="text-align:center;color:red;font-size:20px;">World Soccer Ranking: 2022 now</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>

<canvas id="myChart" style="width:100%;max-width:960px"></canvas>

<script>
var xValues = ["Italy", "France", "Spain", "USA", "Korea"];
var yValues = [55, 49, 44, 24, 100];
var barColors = ["red", "green","blue","orange","black"];

new Chart("myChart", {
  type: "bar",
  data: {
    labels: xValues,
    datasets: [{
      backgroundColor: barColors,
      data: yValues
    }]
  },
  options: {
    legend: {display: false},
    title: {
      display: true,
      text: ""
    }
  }
});
</script>
 
 
 <br><br>
 <h1 id="kims2" style="text-align:center;color:blue;font-size:20px;">World Soccer Ranking: 1988:before</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>

<canvas id="myChart2" style="width:100%;max-width:960px"></canvas>

<script>
var xValues = ["Italy", "France", "Spain", "USA", "Korea"];
var yValues = [80, 49, 44, 90, 100];
var barColors = ["red", "green","blue","orange","black"];

new Chart("myChart2", {
  type: "bar",
  data: {
    labels: xValues,
    datasets: [{
      backgroundColor: barColors,
      data: yValues
    }]
  },
  options: {
    legend: {display: false},
    title: {
      display: true,
      text: ""
    }
  }
});
</script>

World Soccer Ranking: 2022 now

World Soccer Ranking: 1988:before