JSFiddle - React, Tailwind, and code Playground

by 0o0o

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<!-- chartjs/getting-started/README.md -->
<canvas id="myChart"></canvas>
<script>
  var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    // 作成したいチャートのタイプ
    type: 'line',

    // データセットのデータ
    data: {
      labels: ["1月", "2月", "3月", "4月", "5月", "6月", "7月"],
      datasets: [{
        label: "初めてのデータセット",
        backgroundColor: 'rgb(255, 99, 132)',
        borderColor: 'rgb(255, 99, 132)',
        data: [0, 10, 5, 2, 20, 30, 45],
      }]
    },

    // ここに設定オプションを書きます
    options: {}
  });

</script>