This commit is contained in:
sankalp committed 2025-01-10 14:09:32 +05:45
1 parent 0504b881fb
commit 36e08cc230
110 files changed
+18389 -870

No files matched your search

-113
View File
@@ -36,117 +36,4 @@
</div>
</div>
</div>
<div class="row col-12">
<div class="col-12 col-md-6 col-lg-6">
<table class="text-center table table-bordered">
<thead class="table-dark">
<th>S.N</th>
<th>Name</th>
<th>Course</th>
<th>Academic Year</th>
</thead>
<tbody>
<td>1</td>
<td>hello</td>
<td>DCOM</td>
<td>2023</td>
</tbody>
</table>
</div>
<div class="col-12 col-md-6 col-lg-6">
<table class="text-center table table-bordered">
<thead class="table-dark">
<th>S.N</th>
<th>Name</th>
<th>Address</th>
<th>Phone No</th>
<th>Gmail</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>hello</td>
<td>kohalpur</td>
<td>9801230123</td>
<td>example@example.com</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Pie Chart -->
<div class="row col-12 col-lg-6 chart-container">
<canvas id="pieChart"></canvas>
</div>
<!-- Bar Chart -->
<div class="row col-12 col-lg-6 chart-container">
<canvas id="barChart"></canvas>
</div>
<!-- Line Chart -->
<div class="row col-12 col-lg-6 chart-container">
<canvas id="lineChart"></canvas>
</div>
<script>
// Pie Chart
const pieCtx = document.getElementById("pieChart").getContext("2d");
new Chart(pieCtx, {
type: "pie",
data: {
labels: ["Category A", "Category B", "Category C"],
datasets: [
{
data: [30, 50, 20],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"],
},
],
},
});
// Bar Chart
const barCtx = document.getElementById("barChart").getContext("2d");
new Chart(barCtx, {
type: "bar",
data: {
labels: ["Category A", "Category B", "Category C"],
datasets: [
{
label: "Values",
data: [30, 50, 20],
backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56"],
},
],
},
options: {
scales: {
y: {
beginAtZero: true,
},
},
},
});
// Line Chart
const lineCtx = document.getElementById("lineChart").getContext("2d");
new Chart(lineCtx, {
type: "line",
data: {
labels: ["January", "February", "March", "April"],
datasets: [
{
label: "Values",
data: [10, 30, 20, 40],
borderColor: "#36A2EB",
fill: false,
},
],
},
options: {
scales: {
y: {
beginAtZero: true,
},
},
},
});
</script>
{% endblock %}