DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BAR CHART WIP

Browse Source
This commit is contained in:
HW Computer
2023-04-19 21:51:58 -05:00
parent 3cf02a91e5
commit 563b7d72d3
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -19,6 +19,9 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js" <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.4.1/papaparse.min.js"
integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ==" integrity="sha512-dfX5uYVXzyU8+KHqj8bjo7UkOdg18PaOtpa48djpNbZHwExddghZ+ZmzWT06R5v6NSk3ZUfsH6FNEDepLx9hPQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script> crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
</script>
</head> </head>
<body> <body>
@@ -53,8 +56,8 @@
<br><br> <br><br>
</form> </form>
</form> </form>
<div class = "table"> <div id="grades" value="invisible">
<canvas id="myChart" style="width:100%;max-width:700px"></canvas>
</div> </div>
</div> </div>
<script src='main.js'></script> <script src='main.js'></script>

15
main.js
View File

@@ -1,5 +1,12 @@
const submitButton = document.getElementById('subBut'); const submitButton = document.getElementById('subBut');
submitButton.addEventListener("click", parseName); submitButton.addEventListener("click", parseName);
var barChart = document.querySelector('#grades');
if(barChart.getAttribute('value') == 'invisible'){
barChart.style.display = 'none';
}
/*
Parse the name
*/
function parseName() { function parseName() {
let className = ''; let className = '';
let classNum = ''; let classNum = '';
@@ -16,7 +23,6 @@ function parseName() {
return; return;
} }
if(className == '' || department == '') { if(className == '' || department == '') {
return; return;
} }
console.log(department, 0, className); console.log(department, 0, className);
@@ -71,4 +77,11 @@ async function PapaParse(department, num, name) {
// console.log(selectedClass[i]["Count of letter grade"]); // console.log(selectedClass[i]["Count of letter grade"]);
} }
console.log(gradeDist); console.log(gradeDist);
barChart.style.display = '';
} }
const myChart = new Chart("myChart", {
type: "bar",
data: {},
options: {}
});