dchen4/data-analyse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sadfas

Browse Source
This commit is contained in:
Yurun Chen
2024-12-04 14:17:54 +11:00
parent 9cf7776a20
commit 6e91372224
2 changed files with 148 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
index.html
View File

@@ -8,6 +8,8 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body style="background-color: azure;">
<!--chartjs-->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<!--handlebars-->
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.js"></script>
<!-- bootstrap-->
@@ -57,7 +59,7 @@
<script id="subdiv-template" type="text/x-handlebars-template">
<div>
<strong>Subdiv:</strong><br>
<select class="form-select selectwidthauto" multiple aria-label="multiple select" name="subdiv" multiple="multiple" size="5">
<select oninput="global_component.update_listbox(0)" class="form-select selectwidthauto" multiple aria-label="multiple select" id="subdiv_sel" multiple="multiple" size="5">
{{#each this}}
<option>{{this}}</option>
{{/each}}
@@ -75,9 +77,9 @@
<script id="lga-template" type="text/x-handlebars-template">
<div>
<strong>LGA:</strong><br>
<select class="form-select selectwidthauto" multiple aria-label="multiple select" name="lga" multiple="multiple" size="5">
<select class="form-select selectwidthauto" multiple aria-label="multiple select" id="lga_sel" multiple="multiple" size="5">
{{#each this}}
<option>{{this.[2]}}</option>
<option>{{this}}</option>
{{/each}}
</select>
</div>
@@ -103,9 +105,31 @@
<!--/template-->
</li>
<li class="list-group-item">
<div id="subcategory">
</div>
<!--template-->
<script id="subcategory-template" type="text/x-handlebars-template">
<div>
<strong>Category:</strong><br>
<select class="form-select selectwidthauto" multiple aria-label="multiple select" name="category" >
{{#each this}}
<option>{{this.[1]}}</option>
{{/each}}
</select>
</div>
</script>
<!--/template-->
</li>
</ul>
</div>
<!--charts!-->
<div class="col-8">
<div>
<canvas id="Chart"></canvas>
</div>
</div>
</div>
</div>