JUSTSKILL ranks

by T1MOXA

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels"></script>
<div id="container">
  <canvas id="canvas"></canvas>
</div>

JavaScript

new Chart('canvas', {
  type: 'line',

  data: {
    labels: [

      "Silver I",
      "Silver II",
      "Silver III",
      "Silver IV",
      "Silver Elite",
      "Silver Elite Master",

      "Gold Nova I",
      "Gold Nova II",
      "Gold Nova III",
      "Gold Nova Master",

      "Master Guardian I",
      "Master Guardian II",
      "Master Guardian Elite",
      "Distinguished Master Guardian",

      "Legendary Eagle",
      "Legendary Eagle Master",

      "Supreme Master First Class",
      "The Global Elite"
    ],
    datasets: [{
        data: ['7.49',
          '3.65',
          '1.87',
          '2.37',
          '1.13',
          '1.19',
          '1.46',
          '1.38',
          '6.14',
          '10.63',
          '10.95',
          '13.82',
          '10.89',
          '11.86',
          '6.39',
          '5.07',
          '3.06',
          '0.65'
        ],
        backgroundColor: '#3498db',
        borderColor: '#ffffff',
        label: "Старые данные",
        datalabels: {
          color: 'white',
          align: 'start',
          textShadowBlur: 5,
          textShadowColor: 'black'
        },
      },

      {
        data: ['6.85',
          '3.30',
          '2.12',
          '2.41',
          '1.59',
          '1.43',
          '1.08',
          '1.29',
          '5.54',
          '10.01',
          '9.79',
          '11.54',
          '10.54',
          '11.68',
          '6.78',
          '7.18',
          '5.64',
          '1.24'
        ],
        backgroundColor: '#2ecc71',
        borderColor: '#ffffff',
        label: "Новые данные",
        datalabels: {
          color: 'black',
          align: 'end',
          textShadowBlur: 5,
          textShadowColor: 'white'
        },
      }
    ]
  },
  options: {
    scales: {
      xAxes: [{
        stacked: true,
        gridLines: {
          borderDash: [],
        },
      }],

      yAxes: [{
        stacked: true,
        gridLines: {
          borderDash: [],
   ...