project-github-tracker/code/chart.js at main · hemmahosjessi/project-github-tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
//DOM-selector for the canvas 👇
const ctx = document.getElementById('chart').getContext('2d')

//"Draw" the chart here 👇

const drawChart = (amount)=> {
const config = {
  type: 'bar',
  data: {
    labels: [
      'Finished',
      'Left',
      'Total',
    ],
    datasets: [{
      label: 'Bootcamp projects',
      data: [amount, 19-amount, 19],
      barPercentage: 100,
      barThickness: 60,
      maxBarThickness: 100,
      borderRadius: 4,
      // minBarLength: 10,
      backgroundColor: [
        'rgba(60, 179, 113)',
        'rgba(255, 99, 132)',
        'rgba(255, 159, 64)',
      ],

      hoverOffset: 4
    }]
  },
}
const theChart = new Chart (ctx, config)
}