From fbcafb1d2398d4326449b143dfdb9575eca38dd7 Mon Sep 17 00:00:00 2001
From: Walter Hupfeld <Walter.Hupfeld@gmx.de>
Date: Thu, 12 Oct 2023 08:32:20 +0200
Subject: [PATCH] highchart

---
 statistics/gemeinde_details.php | 196 +-------------------------------
 statistics/highchart.php        | 195 +++++++++++++++++++++++++++++++
 statistics/kreis_details.php    | 195 +------------------------------
 statistics/nrw_details.php      | 196 +-------------------------------
 4 files changed, 198 insertions(+), 584 deletions(-)
 create mode 100644 statistics/highchart.php

diff --git a/statistics/gemeinde_details.php b/statistics/gemeinde_details.php
index 3cfe6c1..f8e39e1 100644
--- a/statistics/gemeinde_details.php
+++ b/statistics/gemeinde_details.php
@@ -153,199 +153,5 @@
     </div>
 </div>
 </body>
-<script>
-
-Highcharts.chart('c_unfallzahlen', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallzahlen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallzahlen',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallzahlen,$arrCategory,"UKATEGORIE") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfallarten', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallarten',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallart,$arrUnfallart,"UART") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfalltyp', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfalltypen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfalltyp,$arrUnfalltyp,"UTYP1") ?>
-    }]
-});
-
-Highcharts.chart('c_unfallbeteiligte', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallbeteiligte',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series_beteiligte($resultBeteiligte,$arrBeteiligte) ?>
-    }]
-});
-
-Highcharts.chart('c_unfallverlauf', {
-    chart: {
-        type: 'column'
-    },
-    title: {
-        text: 'Verlauf der Fahrradunfälle',
-        align: 'center'
-    },
-    xAxis: {
-        categories: ['2022','2021','2020','2019']
-    },
-    yAxis: {
-        min: 0,
-        title: {
-            text: 'Jahr'
-        },
-        stackLabels: {
-            enabled: true
-        }
-    },
-    legend: {
-        align: 'left',
-        x: 400,
-        verticalAlign: 'top',
-        y: 30,
-        floating: true,
-        backgroundColor:
-            Highcharts.defaultOptions.legend.backgroundColor || 'white',
-        borderColor: '#CCC',
-        borderWidth: 1,
-        shadow: false
-    },
-    tooltip: {
-        headerFormat: '<b>{point.x}</b><br/>',
-        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
-    },
-    plotOptions: {
-        column: {
-            stacking: 'normal',
-            dataLabels: {
-                enabled: true
-            }
-        }
-    },
-    series: <?=get_series_verlauf($resultVerlauf,$arrCategory)?>
-});
-</script>
+<?php include("highchart.php"); ?>
 </html>
\ No newline at end of file
diff --git a/statistics/highchart.php b/statistics/highchart.php
new file mode 100644
index 0000000..4dc4d6d
--- /dev/null
+++ b/statistics/highchart.php
@@ -0,0 +1,195 @@
+<script>
+
+Highcharts.chart('c_unfallzahlen', {
+    chart: {
+        plotBackgroundColor: null,
+        plotBorderWidth: null,
+        plotShadow: false,
+        type: 'pie'
+    },
+    title: {
+        text: 'Unfallzahlen',
+        align: 'center'
+    },
+    tooltip: {
+        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+    },
+    accessibility: {
+        point: {
+            valueSuffix: '%'
+        }
+    },
+    plotOptions: {
+        pie: {
+            allowPointSelect: true,
+            cursor: 'pointer',
+            dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+            }
+        }
+    },
+    series: [{
+        name: 'Unfallzahlen',
+        colorByPoint: true,
+        data: <?= get_series($resultUnfallzahlen,$arrCategory,"UKATEGORIE") ?>
+    }]
+});
+
+
+Highcharts.chart('c_unfallarten', {
+    chart: {
+        plotBackgroundColor: null,
+        plotBorderWidth: null,
+        plotShadow: false,
+        type: 'pie'
+    },
+    title: {
+        text: 'Unfallarten',
+        align: 'center'
+    },
+    tooltip: {
+        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+    },
+    accessibility: {
+        point: {
+            valueSuffix: '%'
+        }
+    },
+    plotOptions: {
+        pie: {
+            allowPointSelect: true,
+            cursor: 'pointer',
+            dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+            }
+        }
+    },
+    series: [{
+        name: 'Unfallarten',
+        colorByPoint: true,
+        data: <?= get_series($resultUnfallart,$arrUnfallart,"UART") ?>
+    }]
+});
+
+
+Highcharts.chart('c_unfalltyp', {
+    chart: {
+        plotBackgroundColor: null,
+        plotBorderWidth: null,
+        plotShadow: false,
+        type: 'pie'
+    },
+    title: {
+        text: 'Unfalltypen',
+        align: 'center'
+    },
+    tooltip: {
+        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+    },
+    accessibility: {
+        point: {
+            valueSuffix: '%'
+        }
+    },
+    plotOptions: {
+        pie: {
+            allowPointSelect: true,
+            cursor: 'pointer',
+            dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+            }
+        }
+    },
+    series: [{
+        name: 'Unfallarten',
+        colorByPoint: true,
+        data: <?= get_series($resultUnfalltyp,$arrUnfalltyp,"UTYP1") ?>
+    }]
+});
+
+Highcharts.chart('c_unfallbeteiligte', {
+    chart: {
+        plotBackgroundColor: null,
+        plotBorderWidth: null,
+        plotShadow: false,
+        type: 'pie'
+    },
+    title: {
+        text: 'Unfallbeteiligte',
+        align: 'center'
+    },
+    tooltip: {
+        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+    },
+    accessibility: {
+        point: {
+            valueSuffix: '%'
+        }
+    },
+    plotOptions: {
+        pie: {
+            allowPointSelect: true,
+            cursor: 'pointer',
+            dataLabels: {
+                enabled: true,
+                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
+            }
+        }
+    },
+    series: [{
+        name: 'Unfallarten',
+        colorByPoint: true,
+        data: <?= get_series_beteiligte($resultBeteiligte,$arrBeteiligte) ?>
+    }]
+});
+
+Highcharts.chart('c_unfallverlauf', {
+    chart: {
+        type: 'column'
+    },
+    title: {
+        text: 'Verlauf der Fahrradunfälle',
+        align: 'center'
+    },
+    xAxis: {
+        categories: ['2022','2021','2020','2019']
+    },
+    yAxis: {
+        min: 0,
+        title: {
+            text: 'Jahr'
+        },
+        stackLabels: {
+            enabled: true
+        }
+    },
+    legend: {
+        align: 'left',
+        x: 400,
+        verticalAlign: 'bottom',
+        y: 30,
+        floating: true,
+        backgroundColor:
+            Highcharts.defaultOptions.legend.backgroundColor || 'white',
+        borderColor: '#CCC',
+        borderWidth: 1,
+        shadow: false
+    },
+    tooltip: {
+        headerFormat: '<b>{point.x}</b><br/>',
+        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
+    },
+    plotOptions: {
+        column: {
+            stacking: 'normal',
+            dataLabels: {
+                enabled: true
+            }
+        }
+    },
+    series: <?=get_series_verlauf($resultVerlauf,$arrCategory)?>
+});
+</script>
\ No newline at end of file
diff --git a/statistics/kreis_details.php b/statistics/kreis_details.php
index d56b41a..674f082 100644
--- a/statistics/kreis_details.php
+++ b/statistics/kreis_details.php
@@ -158,199 +158,6 @@
     </div>
 </div>
 </body>
-<script>
+<<?php include("highchart.php"); ?>
 
-Highcharts.chart('c_unfallzahlen', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallzahlen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallzahlen',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallzahlen,$arrCategory,"UKATEGORIE") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfallarten', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallarten',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallart,$arrUnfallart,"UART") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfalltyp', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfalltypen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfalltyp,$arrUnfalltyp,"UTYP1") ?>
-    }]
-});
-
-Highcharts.chart('c_unfallbeteiligte', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallbeteiligte',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series_beteiligte($resultBeteiligte,$arrBeteiligte) ?>
-    }]
-});
-
-Highcharts.chart('c_unfallverlauf', {
-    chart: {
-        type: 'column'
-    },
-    title: {
-        text: 'Verlauf der Fahrradunfälle',
-        align: 'center'
-    },
-    xAxis: {
-        categories: ['2022','2021','2020','2019']
-    },
-    yAxis: {
-        min: 0,
-        title: {
-            text: 'Jahr'
-        },
-        stackLabels: {
-            enabled: true
-        }
-    },
-    legend: {
-        align: 'left',
-        x: 400,
-        verticalAlign: 'top',
-        y: 30,
-        floating: true,
-        backgroundColor:
-            Highcharts.defaultOptions.legend.backgroundColor || 'white',
-        borderColor: '#CCC',
-        borderWidth: 1,
-        shadow: false
-    },
-    tooltip: {
-        headerFormat: '<b>{point.x}</b><br/>',
-        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
-    },
-    plotOptions: {
-        column: {
-            stacking: 'normal',
-            dataLabels: {
-                enabled: true
-            }
-        }
-    },
-    series: <?=get_series_verlauf($resultVerlauf,$arrCategory)?>
-});
-</script>
 </html>
\ No newline at end of file
diff --git a/statistics/nrw_details.php b/statistics/nrw_details.php
index 951180a..f94cb60 100644
--- a/statistics/nrw_details.php
+++ b/statistics/nrw_details.php
@@ -145,199 +145,5 @@
     </div>
 </div>
 </body>
-<script>
-
-Highcharts.chart('c_unfallzahlen', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallzahlen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallzahlen',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallzahlen,$arrCategory,"UKATEGORIE") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfallarten', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallarten',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfallart,$arrUnfallart,"UART") ?>
-    }]
-});
-
-
-Highcharts.chart('c_unfalltyp', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfalltypen',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series($resultUnfalltyp,$arrUnfalltyp,"UTYP1") ?>
-    }]
-});
-
-Highcharts.chart('c_unfallbeteiligte', {
-    chart: {
-        plotBackgroundColor: null,
-        plotBorderWidth: null,
-        plotShadow: false,
-        type: 'pie'
-    },
-    title: {
-        text: 'Unfallbeteiligte',
-        align: 'center'
-    },
-    tooltip: {
-        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-    },
-    accessibility: {
-        point: {
-            valueSuffix: '%'
-        }
-    },
-    plotOptions: {
-        pie: {
-            allowPointSelect: true,
-            cursor: 'pointer',
-            dataLabels: {
-                enabled: true,
-                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
-            }
-        }
-    },
-    series: [{
-        name: 'Unfallarten',
-        colorByPoint: true,
-        data: <?= get_series_beteiligte($resultBeteiligte,$arrBeteiligte) ?>
-    }]
-});
-
-Highcharts.chart('c_unfallverlauf', {
-    chart: {
-        type: 'column'
-    },
-    title: {
-        text: 'Verlauf der Fahrradunfälle',
-        align: 'center'
-    },
-    xAxis: {
-        categories: ['2022','2021','2020','2019']
-    },
-    yAxis: {
-        min: 0,
-        title: {
-            text: 'Jahr'
-        },
-        stackLabels: {
-            enabled: true
-        }
-    },
-    legend: {
-        align: 'left',
-        x: 400,
-        verticalAlign: 'top',
-        y: 30,
-        floating: true,
-        backgroundColor:
-            Highcharts.defaultOptions.legend.backgroundColor || 'white',
-        borderColor: '#CCC',
-        borderWidth: 1,
-        shadow: false
-    },
-    tooltip: {
-        headerFormat: '<b>{point.x}</b><br/>',
-        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
-    },
-    plotOptions: {
-        column: {
-            stacking: 'normal',
-            dataLabels: {
-                enabled: true
-            }
-        }
-    },
-    series: <?=get_series_verlauf($resultVerlauf,$arrCategory)?>
-});
-</script>
+<?php include("highchart.php"); ?>
 </html>
\ No newline at end of file