From 51ac88d7f113b68f436ff70f2dbe3e73b1ba7b09 Mon Sep 17 00:00:00 2001
From: Denys Konovalov <kontakt@denyskon.de>
Date: Tue, 28 Feb 2023 19:56:02 +0100
Subject: [PATCH] move data

---
 config.yml                                    |   5 +-
 .../chronikseiten/abiturdurchschnitte.md      | 140 +++++++++++++++++-
 layouts/partials/head.html                    |   4 +-
 .../data}/abiturdurchschnitte.json            |   0
 4 files changed, 146 insertions(+), 3 deletions(-)
 rename {data/de => static/data}/abiturdurchschnitte.json (100%)

diff --git a/config.yml b/config.yml
index 1f0731b..cea3183 100644
--- a/config.yml
+++ b/config.yml
@@ -36,11 +36,14 @@ params:
       - plugins/mdi/css/materialdesignicons.min.css
       - plugins/fira/fira.css
     js:
-      - plugins/jQuery/jquery.min.js
       - plugins/bootstrap/bootstrap.min.js
       - plugins/slick/slick.min.js
       - plugins/venobox/venobox.min.js
       - plugins/filterizr/jquery.filterizr.min.js
+    head_js:
+      - plugins/wordcloud/wordcloud2.min.js
+      - plugins/echarts/echarts.min.js
+      - plugins/jQuery/jquery.min.js
   social:
     - title: YouTube
       icon: mdi mdi-youtube
diff --git a/content/german/chronikseiten/abiturdurchschnitte.md b/content/german/chronikseiten/abiturdurchschnitte.md
index 6ea449e..eae9a2a 100644
--- a/content/german/chronikseiten/abiturdurchschnitte.md
+++ b/content/german/chronikseiten/abiturdurchschnitte.md
@@ -8,6 +8,144 @@ gallery: false
 aliases:
   - /schulchronik/pages/abiturdurchschnitte
 ---
-![Bild Statistik](/media/statistiken/abis6.webp)
+<style>
+  * {
+  margin: 0;
+  padding: 0;
+}
+#chart-container {
+  position: relative;
+  height: 100vh;
+  overflow: hidden;
+}
+</style>
+<div id="chart-container"></div>
+<script>
+  var dom = document.getElementById("chart-container");
+  var myChart = echarts.init(dom, null, {
+    renderer: "canvas",
+    useDirtyRect: false
+  });
+  var app = {};
+  var ROOT_PATH = "https://echarts.apache.org/examples";
+  var option;
+  jQuery.get(
+    "https://git.cantorgymnasium.de/gcg/gcg-website/raw/branch/master/data/de/abiturdurchschnitte.json",
+    function (data) {
+      myChart.setOption(
+        (option = {
+          title: {
+            text: "Beijing AQI",
+            left: "1%"
+          },
+          tooltip: {
+            trigger: "axis"
+          },
+          grid: {
+            left: "5%",
+            right: "15%",
+            bottom: "10%"
+          },
+          xAxis: {
+            data: data.map(function (item) {
+              return item[0];
+            })
+          },
+          yAxis: {},
+          toolbox: {
+            right: 10,
+            feature: {
+              dataZoom: {
+                yAxisIndex: "none"
+              },
+              restore: {},
+              saveAsImage: {}
+            }
+          },
+          dataZoom: [
+            {
+              startValue: "2014-06-01"
+            },
+            {
+              type: "inside"
+            }
+          ],
+          visualMap: {
+            top: 50,
+            right: 10,
+            pieces: [
+              {
+                gt: 0,
+                lte: 1.0,
+                color: "#93CE07"
+              },
+              {
+                gt: 1.0,
+                lte: 1.25,
+                color: "#FBDB0F"
+              },
+              {
+                gt: 1.25,
+                lte: 1.5,
+                color: "#FC7D02"
+              },
+              {
+                gt: 1.5,
+                lte: 1.75,
+                color: "#FD0100"
+              },
+              {
+                gt: 1.75,
+                lte: 2.0,
+                color: "#AA069F"
+              },
+              {
+                gt: 2.0,
+                color: "#AC3B2A"
+              }
+            ],
+            outOfRange: {
+              color: "#999"
+            }
+          },
+          series: {
+            name: "Beijing AQI",
+            type: "line",
+            data: data.map(function (item) {
+              return item[1];
+            }),
+            markLine: {
+              silent: true,
+              lineStyle: {
+                color: "#333"
+              },
+              data: [
+                {
+                  yAxis: 50
+                },
+                {
+                  yAxis: 100
+                },
+                {
+                  yAxis: 150
+                },
+                {
+                  yAxis: 200
+                },
+                {
+                  yAxis: 300
+                }
+              ]
+            }
+          }
+        })
+      );
+    }
+  );
+  if (option && typeof option === "object") {
+    myChart.setOption(option);
+  }
+  window.addEventListener("resize", myChart.resize);
+</script>
 
 In den Jahren 1999 und 2001 gab es keine Abschlussjahrgänge am GCG. 1999 nicht, da sieben Jahre zuvor keine Aufnahme in die siebente Klasse, sondern in die fünfte Klasse erfolgte und 2001 vollzog sich der Übergang zum Abitur nach 13 Schuljahren.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 32221be..dab5358 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -19,7 +19,9 @@
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tilt+Warp">
   
-  <script src="{{ `plugins/wordcloud/wordcloud2.min.js` | absURL }}"></script>
+  {{ range .Site.Params.plugins.head_js }}
+    <script src="{{ . | absURL }}"></script>
+  {{ end }}
 
 
   <!-- Matomo -->
diff --git a/data/de/abiturdurchschnitte.json b/static/data/abiturdurchschnitte.json
similarity index 100%
rename from data/de/abiturdurchschnitte.json
rename to static/data/abiturdurchschnitte.json