adding slider example
This commit is contained in:
@@ -9,6 +9,12 @@
|
|||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js@^3"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@^3"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/moment@^2"></script>
|
<script src="https://cdn.jsdelivr.net/npm/moment@^2"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@^1"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@^1"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.min.js"
|
||||||
|
integrity="sha512-T5Bneq9hePRO8JR0S/0lQ7gdW+ceLThvC80UjwkMRz+8q+4DARVZ4dqKoyENC7FcYresjfJ6ubaOgIE35irf4w=="
|
||||||
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.5.1/nouislider.css"
|
||||||
|
integrity="sha512-MKxcSu/LDtbIYHBNAWUQwfB3iVoG9xeMCm32QV5hZ/9lFaQZJVaXfz9aFa0IZExWzCpm7OWvp9zq9gVip/nLMg=="
|
||||||
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
<script src="./Utils.js"></script>
|
<script src="./Utils.js"></script>
|
||||||
<script src="./UIUtils.js"></script>
|
<script src="./UIUtils.js"></script>
|
||||||
<script src="./IntensiveCareCapacitiesChartView.js"></script>
|
<script src="./IntensiveCareCapacitiesChartView.js"></script>
|
||||||
@@ -19,6 +25,16 @@
|
|||||||
document.addEventListener(
|
document.addEventListener(
|
||||||
"DOMContentLoaded",
|
"DOMContentLoaded",
|
||||||
event => {
|
event => {
|
||||||
|
const slider = document.getElementById('slider');
|
||||||
|
noUiSlider.create(slider, {
|
||||||
|
start: [20, 80],
|
||||||
|
connect: true,
|
||||||
|
range: {
|
||||||
|
'min': 0,
|
||||||
|
'max': 100
|
||||||
|
}
|
||||||
|
});
|
||||||
|
slider.noUiSlider.on('update', values => console.log(values[0], ' - ', values[1]));
|
||||||
const intensiveCareCapacitiesChartView = new IntensiveCareCapacitiesChartView(document.getElementById("intensiveCareCapacities"));
|
const intensiveCareCapacitiesChartView = new IntensiveCareCapacitiesChartView(document.getElementById("intensiveCareCapacities"));
|
||||||
const freeBedsChartView = new FreeBedsChartView(document.getElementById('freeBeds'));
|
const freeBedsChartView = new FreeBedsChartView(document.getElementById('freeBeds'));
|
||||||
const kreisSelect = document.querySelector('#kreisSelect');
|
const kreisSelect = document.querySelector('#kreisSelect');
|
||||||
@@ -460,6 +476,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<canvas id="medianOfFreeBedsByKreis"></canvas>
|
<canvas id="medianOfFreeBedsByKreis"></canvas>
|
||||||
|
<div id="slider"></div>
|
||||||
</p>
|
</p>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>Datensatz:</dt>
|
<dt>Datensatz:</dt>
|
||||||
|
|||||||
@@ -15,6 +15,7 @@ get VAERS data:
|
|||||||
- download data (e.g. 2022VAERSData.zip) from https://vaers.hhs.gov/data/datasets.html and save and unzip in VAERS folder
|
- download data (e.g. 2022VAERSData.zip) from https://vaers.hhs.gov/data/datasets.html and save and unzip in VAERS folder
|
||||||
|
|
||||||
FK-FIXME:
|
FK-FIXME:
|
||||||
|
- Fcron funktioniert nicht, jobs werden im Nachhinein nicht ausgeführt, verwende Autocron statt Fcron
|
||||||
|
|
||||||
FK-TODO:
|
FK-TODO:
|
||||||
- Intensivstationen ergänzen durch Tabelle oder Barchart:
|
- Intensivstationen ergänzen durch Tabelle oder Barchart:
|
||||||
|
|||||||
Reference in New Issue
Block a user