<div clsss="graph">
  <canvas id="chart-sample"></canvas>
</div>
const myChart = new Chart(
  document.getElementById( 'chart-sample' ),
  {
    type: 'bar',
    data: {
      labels: [
        '1月',
        '2月',
        '3月',
        '4月',
        '5月',
        '6月'
      ],
      datasets: [
        {
          label: '売上',
          data: [
            120,
            80,
            97,
            105,
            94,
            110
          ],
          backgroundColor: '#E1BEE7'
        }
      ]
    }
  }
);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js
  2. https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0