Team4388/ScoutingApp2022
1
0
Fork 0
mirror of https://github.com/Team4388/ScoutingApp2022.git synced 2026-06-08 16:28:04 -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 "chart.js/auto";
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 = () => {
//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;
webserver/src/ProcessedDataBucket.jsx
+27 -25
View File
@@ -28,11 +28,12 @@ export class ProcessedDataBucket {
lower_hub_teleop: [],
match_points: [],
},
climbs_none: 0,
climbs_low: 0,
climbs_mid: 0,
climbs_high: 0,
climbs_transverse: 0,
climb_counts: [0, 0, 0, 0, 0],
// climbs_none: 0,
// climbs_low: 0,
// climbs_mid: 0,
// climbs_high: 0,
// climbs_transverse: 0,
points_average: 0,
num_disables: 0,
num_flips: 0,
@@ -65,26 +66,27 @@ export class ProcessedDataBucket {
thisTeamData.data_sets.match_points.push(match_points);
//climb data
switch (parseInt(doc.climb_level)) {
case 0:
thisTeamData.climbs_none++;
break;
case 1:
thisTeamData.climbs_low++;
break;
case 2:
thisTeamData.climbs_mid++;
break;
case 3:
thisTeamData.climbs_high++;
break;
case 4:
thisTeamData.climbs_transverse++;
break;
default:
console.error("Invalid Climb Level (how did this even happen lol?): " + doc.climb_level);
break;
}
thisTeamData.climb_counts[parseInt(doc.climb_level)]++;
// switch (parseInt(doc.climb_level)) {
// case 0:
// thisTeamData.climbs_none++;
// break;
// case 1:
// thisTeamData.climbs_low++;
// break;
// case 2:
// thisTeamData.climbs_mid++;
// break;
// case 3:
// thisTeamData.climbs_high++;
// break;
// case 4:
// thisTeamData.climbs_transverse++;
// break;
// default:
// console.error("Invalid Climb Level (how did this even happen lol?): " + doc.climb_level);
// break;
// }
//misc data
thisTeamData.num_disables += doc.disabled ? 1 : 0;