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

//"Draw" the chart here 👇

const drawChart = (amount) => {
  const config = {
    type: "doughnut",
    data: {
      labels: ["Finished projects", "Projects to do"],
      datasets: [
        {
          label: "My First Dataset",
          data: [amount, 19 - amount],
          backgroundColor: ["#ff95cf", "#a7c0b8"],

          hoverOffset: 4,
        },
      ],
    },
    options: {
      layout: {
        padding: 25,
      },
      plugins: {
        legend: {
          labels: {
            font: {
              size: 15,
            },
          },
        },
      },
    },
  };
  const myChart = new Chart(ctx, config);
};