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


//CHART

const drawChart = (number) => {
    const config = {
      type: "doughnut",
      data: {
        labels: ["DONE", "LEFT TO DO"],
        datasets: [
          {label: "PROJECT CHART",
            data: [number, 19 - number],
            backgroundColor: ["#ff874e", "#db738e"],
            hoverOffset: 4,
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(255, 206, 86, 1)',
            ],
            borderWidth: 4
          },
        ],
      },
    };
    const myChart = new Chart(ctx, config);
  };