Accessibillity graph j3ss3hva van issue #67

Ik heb data gegeven aan de accessibility graph. issue (#67)

heb ik alle scans in de data een let gegeven (resultsheets)
vervolgens pak ik de score van elke maand door een var aant te maaken met de maand als naam en resultsheet[0].score erin te doen. [0] is de eerste maand in de score lijst en [1] is de 2de
als laatst heb ik al die lets van stap 2 in de accesibility graph gezet

Schermafbeelding 2024-10-04 141044

hoe heb ik dat voor elkaar gekregen

heb als eerst scandata opgehaald en in Het component gestopt
Vervolgens maak ik 5 vars die de score van elke maand ophaald en geef het ook de naam van de maan waar hij bij hoord

export let resultsheet = data.scans;
  let chart;

  import ChartDataLabels from 'chartjs-plugin-datalabels';

  Chart.register(ChartDataLabels);

  let August = resultsheet[0].score;
  let September = resultsheet[1].score;
  let October = resultsheet[2].score;
  let November = resultsheet[3].score;
  let December = resultsheet[4].score;

vervolgens in de chart stop ik de vars op de juiste plek in het data array van de accesibillity graph. Dit zorgt ervoor dat hij ook de graph correct weergeeft. Dus dat de score bij de juiste maand binnen de graph komt

 const months = ['jan', 'feb', 'mar', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'];
    const data = {
      labels: months,
      datasets: [{
        data: [, , , , , , , August, September, October, November, December],
        borderColor: colorBlue,
        backgroundColor: colorLightBlue,
        fill: true,
        tension: 0
      }]
    };

SamaraFellaDina / lose-your-head-the-client-case

Accessibillity graph j3ss3hva van issue #67 #69