chart.js-bar

chart.js-bar

<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
//グラフのタイプ指定
    type: 'bar',
    data: {
        labels: ["シーズン1", "シーズン2", "シーズン3", "シーズン4", "シーズン5", "シーズン6"],
        datasets: [{
            label: '満足度',
            data: [90, 95, 80, 92, 100, 28],
            backgroundColor:  '#f58E7E',
            borderWidth: 1
        }]
    },
    options: {
        title: {
              display: true,
              text: '海外ドラマLost(ロスト)の満足度', //グラフの見出し
              padding:3
          },

        scales: {
            yAxes: [{
                ticks: {
                //グラフを0から始める
                    beginAtZero:true
                }
            }]
        }
    }
});
</script>