project-github-tracker/code/chart.js at 29de60ab66f1ab7dc8c01fc47afca133b398cc65 · Technigo/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
//DOM-selector for the canvas 👇
const ctx = document.getElementById('chart').getContext('2d')

//"Draw" the chart here 👇

const drawChart = (ammount) => {
    const config = {
        type: "doughnut",
        data: {
            labels: [
                "My completed projects", "Projects left"
            ],
            datasets: [
                {
                    label: "Dataset",
                    data: [ammount, 19-ammount],
                    backgroundColor: ["rgb(255, 99, 132)", "rgb(100, 06, 130)"],
                    borderColor: "rgb(255, 98, 133)",
                }
            ]
        }
    }
    const myChart = new Chart(
        document.getElementById('chart'),
        config
      );
}