adding labels to AdverseReactionReportsChartView

This commit is contained in:
frankknoll
2023-04-17 14:32:47 +02:00
parent 47898b92ac
commit bd1996a339
4 changed files with 21 additions and 11 deletions

View File

@@ -14,8 +14,8 @@ class AdverseReactionReportsChartView {
this.#chart = new Chart( this.#chart = new Chart(
this.#canvas, this.#canvas,
{ {
// FK-TODO: use a Polar Area Chart ('polarArea') or bar chart
type: 'bar', type: 'bar',
plugins: [ChartDataLabels],
data: this.#getData(ADRDescr), data: this.#getData(ADRDescr),
options: this.#getOptions() options: this.#getOptions()
}); });
@@ -51,6 +51,12 @@ class AdverseReactionReportsChartView {
#getOptions() { #getOptions() {
return { return {
plugins: {
datalabels: {
anchor: 'end',
align: 'top'
}
},
title: { title: {
display: true, display: true,
position: 'top' position: 'top'

View File

@@ -1,11 +1,12 @@
class GoogleAnalytics { class GoogleAnalytics {
static click_batchcode(batchcode) { static click_batchcode(batchcode) {
gtag( // FK-TODO: reinsert
'event', // gtag(
'click_batchcode', // 'event',
{ // 'click_batchcode',
'batchcode': batchcode // {
}); // 'batchcode': batchcode
// });
} }
} }

View File

@@ -9,14 +9,15 @@
<meta content="width=device-width, initial-scale=1.0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>Batch Codes of Coronavirus 2019 Vaccines</title> <title>Batch Codes of Coronavirus 2019 Vaccines</title>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script> <!-- FK-TODO: reinsert -->
<!-- <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-ERHYDH4P64"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); } function gtag() { dataLayer.push(arguments); }
gtag('js', new Date()); gtag('js', new Date());
gtag('config', 'G-ERHYDH4P64'); gtag('config', 'G-ERHYDH4P64');
</script> </script> -->
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="gentelella/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="gentelella/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Font Awesome --> <!-- Font Awesome -->
@@ -14948,12 +14949,12 @@
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
<script
src=" https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.2.0/dist/chartjs-plugin-datalabels.min.js "></script>
<!-- Bootstrap --> <!-- Bootstrap -->
<script src="gentelella/vendors/bootstrap/dist/js/bootstrap.min.js"></script> <script src="gentelella/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="gentelella/vendors/fastclick/lib/fastclick.js"></script> <script src="gentelella/vendors/fastclick/lib/fastclick.js"></script>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2.0/dist/chart.umd.min.js"></script>
<!-- Custom Theme Scripts --> <!-- Custom Theme Scripts -->
<script src="gentelella/build/js/custom.js"></script> <script src="gentelella/build/js/custom.js"></script>
</body> </body>

View File

@@ -4,6 +4,8 @@ FK-FIXME:
FK-TODO: FK-TODO:
- add google captcha to batchCodeTable.html - add google captcha to batchCodeTable.html
- "Frequencies of Reported Symptoms" als Tabelle (datatables) darstellen
- aus den Json-Dateien lethality und severity entfernen.
anacron job: anacron job:
sudo cp src/intensivstationen_howbadismybatch.sh /etc/cron.daily/intensivstationen_howbadismybatch sudo cp src/intensivstationen_howbadismybatch.sh /etc/cron.daily/intensivstationen_howbadismybatch