Team4388/ScoutingApp2022
1
0
Fork 0
mirror of https://github.com/Team4388/ScoutingApp2022.git synced 2026-06-09 00:38:03 -06:00
Code Issues Packages Projects Releases Wiki Activity

working pie chart

Browse Source
This commit is contained in:
Evan Lanham
2022-03-12 11:35:35 -07:00
parent 79412b8afc
commit bc37e8be54
2 changed files with 51 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webserver/src/Pages/DashboardPage/DashboardPage.jsx
+24 -2
View File
@@ -1,10 +1,32 @@
import React from "react"; import React from "react";
import "chart.js/auto";
import { useLocalDb } from "../../DbContext"; import { useLocalDb } from "../../DbContext";
import { Bar, Chart } from "react-chartjs-2"; import { Pie, Bar, Chart } from "react-chartjs-2";
import { useProcessedDataBucket } from "../../ProcessedDataBucketContext";
const DashboardPage = () => { const DashboardPage = () => {
//https://react-charts.js.org/examples/column //https://react-charts.js.org/examples/column
return <div></div>; const pdb = useProcessedDataBucket();
const makePieChartData = (pdb, team_num) => {
// console.log(team_num);
// console.log(pdb.teamData);
return {
labels: ["None", "Low", "Mid", "High", "Transversal"],
datasets: [
{
label: "Climbs",
data: pdb.teamData[4388].climb_counts,
backgroundColor: ["rgba(230,20,20)", "rgba(230,150,20)", "rgba(150,230,20)", "rgba(20,230,70)", "rgba(20,200,180)"],
},
],
};
};
// console.log(pdb);
return (
<div>
<Pie data={makePieChartData(pdb, 4388)} />
</div>
);
}; };
export default DashboardPage; export default DashboardPage;
webserver/src/ProcessedDataBucket.jsx
+27 -25
View File
@@ -28,11 +28,12 @@ export class ProcessedDataBucket {
lower_hub_teleop: [], lower_hub_teleop: [],
match_points: [], match_points: [],
}, },
climbs_none: 0, climb_counts: [0, 0, 0, 0, 0],
climbs_low: 0, // climbs_none: 0,
climbs_mid: 0, // climbs_low: 0,
climbs_high: 0, // climbs_mid: 0,
climbs_transverse: 0, // climbs_high: 0,
// climbs_transverse: 0,
points_average: 0, points_average: 0,
num_disables: 0, num_disables: 0,
num_flips: 0, num_flips: 0,
@@ -65,26 +66,27 @@ export class ProcessedDataBucket {
thisTeamData.data_sets.match_points.push(match_points); thisTeamData.data_sets.match_points.push(match_points);
//climb data //climb data
switch (parseInt(doc.climb_level)) { thisTeamData.climb_counts[parseInt(doc.climb_level)]++;
case 0: // switch (parseInt(doc.climb_level)) {
thisTeamData.climbs_none++; // case 0:
break; // thisTeamData.climbs_none++;
case 1: // break;
thisTeamData.climbs_low++; // case 1:
break; // thisTeamData.climbs_low++;
case 2: // break;
thisTeamData.climbs_mid++; // case 2:
break; // thisTeamData.climbs_mid++;
case 3: // break;
thisTeamData.climbs_high++; // case 3:
break; // thisTeamData.climbs_high++;
case 4: // break;
thisTeamData.climbs_transverse++; // case 4:
break; // thisTeamData.climbs_transverse++;
default: // break;
console.error("Invalid Climb Level (how did this even happen lol?): " + doc.climb_level); // default:
break; // console.error("Invalid Climb Level (how did this even happen lol?): " + doc.climb_level);
} // break;
// }
//misc data //misc data
thisTeamData.num_disables += doc.disabled ? 1 : 0; thisTeamData.num_disables += doc.disabled ? 1 : 0;