JSFiddle - React, Tailwind, and code Playground

by hiroppy

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>

<canvas id="canvas" height="100" width="100"></canvas>

JavaScript

const data = [
  22225263,
  22228303,
  21249011,
  22797850,
  22864198,
  21934121,
  24290305,
  24922497,
  24897075,
  25931180,
  24801604,
  28083685
]

const myChart = new Chart(
  document.getElementById('canvas').getContext('2d'),
  {
    type: 'line',
    options: {
      scales: {
        yAxes: [{
          stacked: true
        }]
      }
    },
    data: {
      datasets: [
        {
          data,
          fill: false,
          label: 'number of downloads',
          borderColor: '#51C0BF'
        }
      ],
      labels: [
        '04',
        '05',
        '06',
        '07',
        '08',
        '09',
        '10',
        '11',
        '12',
        '01',
        '02',
        '03'
      ]
    }
  } 
);