displaying fatal and recovered as fractions

This commit is contained in:
Frank Knoll
2024-07-27 23:25:21 +02:00
parent 1374d4a73f
commit 9d003eccf6
2 changed files with 11 additions and 4 deletions

View File

@@ -34,6 +34,7 @@
referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.10/vfs_fonts.min.js"></script> referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.10/vfs_fonts.min.js"></script>
<script src="./js/PageInitializer.js"></script> <script src="./js/PageInitializer.js"></script>
<script src="./js/DrugsChartView.js"></script> <script src="./js/DrugsChartView.js"></script>
<script src="../Utils.js"></script>
<script src="../Select2.js"></script> <script src="../Select2.js"></script>
<script> <script>
document.addEventListener( document.addEventListener(

View File

@@ -31,18 +31,24 @@ class DrugsChartView {
return { return {
labels: drugDescr['DRUG'], labels: drugDescr['DRUG'],
datasets: [{ datasets: [{
label: 'FATAL', label: 'Fatal',
data: drugDescr['FATAL'], data: this.#divide(drugDescr['FATAL'], drugDescr['CASES']),
backgroundColor: '#FF0000' backgroundColor: '#FF0000'
}, },
{ {
label: 'RECOVERED', label: 'Recovered',
data: drugDescr['RECOVERED'], data: this.#divide(drugDescr['RECOVERED'], drugDescr['CASES']),
backgroundColor: '#00FF00' backgroundColor: '#00FF00'
}] }]
}; };
} }
#divide(dividends, divisors) {
return Utils
.zip([dividends, divisors])
.map(([dividend, divisor]) => dividend / divisor);
}
#getOptions() { #getOptions() {
return { return {
plugins: { plugins: {