project-github-tracker/code/chart.js at main · rawisou/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
35
36
37
38
//DOM-selector for the canvas 👇
const ctx = document.getElementById('myChart').getContext('2d')

//"Draw" the chart here 👇
const drawChart = (amount) => {
  const config = {
    type: "bar",
    data: {
      labels: ["Completed projects", "Remaining projects"],
      datasets: [
        {
          label: "Technigo projects",
          data: [amount, 21 - amount],
          backgroundColor: [
            "#c8cccf",
            "#778088",
          ],
          barThickness: "30",
        },
      ],
    },
    options: {
      scales: {
        x: {
          grid: {
            display: false,
          }
        },
        y: {
          grid: {
            display: false
          }
        },
      }
    }
  }
  new Chart(ctx, config)
}