From 178e3ab9a8833096137882b8ad8184f439296d5c Mon Sep 17 00:00:00 2001
From: Christian Opitz <git@c-opitz.de>
Date: Sun, 12 Nov 2023 17:12:58 +0100
Subject: [PATCH] Achsenbeschriftung korrigiert.

---
 src/App.vue | 37 +++++++++++++++++++------------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 64c7b24..6e3daa2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@
   <img id="gold_rush" src="./assets/img/desert_landscape.png" style="width: 0px; height: 0px" />
   <img id="lebensmittel" src="./assets/img/weiss_pixel.png" style="width: 0px; height: 0px" />
 
-  
+
   <h2>
     Finde heraus, wie die Positionen der {{ this.bezeichnung_prototypen }} an
     die {{ this.bezeichnung_datenpunkte }} angepasst werden.
@@ -117,7 +117,7 @@
         <div class="row">
           <div class="column" style="text-align: center">
             <b>Datenpunkt</b><br />
-            x; y<br />
+            {{ this.beschriftungXachse }}; {{ this.beschriftungYachse }}<br />
             <textarea v-model="txt_datensatz" placeholder="add multiple lines" rows="10"></textarea>
             <br />
             <button class="btn btn-primary" @click="textarea_2_datensatz">
@@ -126,7 +126,7 @@
           </div>
           <div class="column" style="text-align: center">
             <b>Prototyp</b><br />
-            x; y<br />
+            {{ this.beschriftungXachse }}; {{ this.beschriftungYachse }}<br />
             <textarea v-model="txt_prototypensatz" placeholder="add multiple lines" rows="10"></textarea>
             <br />
             <button class="btn btn-primary" @click="textarea_2_prototypensatz">
@@ -423,7 +423,6 @@ export default {
     lade() {
       this.datensatz_2_textarea();
       this.prototypensatz_2_textarea();
-
     },
 
     datensatz_2_textarea() {
@@ -469,6 +468,8 @@ export default {
         this.datenpunkte = neuer_ds;
         this.anzahl_datenpunkte = this.datenpunkte.length;
         this.update_anzahl_datenpunkte(this.anzahl_datenpunkte);
+        this.update_max_x_y();
+        this.refresh();
       }
     },
 
@@ -516,6 +517,8 @@ export default {
         this.prototypen_original = neuer_ps;
         this.anzahl_prototypen = this.prototypen.length;
         this.update_anzahl_prototypen(this.anzahl_prototypen);
+        this.update_max_x_y();
+        this.refresh();
       }
     },
 
@@ -546,26 +549,24 @@ export default {
     },
 
     szenario_aendern() {
-      /*
-      if (this.szenario == "lebensmittel") {
-        this.datenpunkte = this.ermittle_skalierten_datensatz(
-          this.lebensmittel_datenpunkte
-        );
-        this.anzahl_datenpunkte = this.datenpunkte.length;
-        this.update_anzahl_prototypen(4);
-        this.datensatz_2_textarea();
-      }
-*/
+
+
 
       switch (this.szenario) {
         case "gold_rush": this.datenpunkte = this.gold_rush_datenpunkte;
           this.prototypen = this.gold_rush_prototypen;
+          this.beschriftungXachse = "X-Wert";
+          this.beschriftungYachse = "Y-Wert";
           break;
         case "stadtplan": this.datenpunkte = this.stadtplan_datenpunkte;
           this.prototypen = this.stadtplan_prototypen;
+          this.beschriftungXachse = "X-Wert";
+          this.beschriftungYachse = "Y-Wert";
           break;
         case "lebensmittel": this.datenpunkte = this.lebensmittel_datenpunkte;
           this.prototypen = this.lebensmittel_prototypen;
+          this.beschriftungXachse = "Fett";
+          this.beschriftungYachse = "Kohlenhydrate";
           break;
       }
 
@@ -1187,14 +1188,14 @@ export default {
           } else {
             this.naechstgelegener_prototyp.x = x_neu;
             this.naechstgelegener_prototyp.y = y_neu;
-            
+
             this.refresh();
           }
         } catch (error) {
           //console.error("Caught custom exception:", error.message);
           this.letzte_prototyp.x = x_neu;
           this.letzte_prototyp.y = y_neu;
-          
+
           this.refresh();
         }
       };
@@ -1334,8 +1335,8 @@ export default {
       let beschriftungYachse = this.beschriftungYachse; // "Y-Wert"; //gibPraediktorvariablen()[1];
       this.vueCanvas.font = "14px Arial";
 
-      let beschriftungXBreite = this.vueCanvas.measureText(beschriftungXachse).width + 6;
-      let beschriftungYBreite = this.vueCanvas.measureText(beschriftungYachse).width + 6;
+      //let beschriftungXBreite = this.vueCanvas.measureText(beschriftungXachse).width + 6;
+      //let beschriftungYBreite = this.vueCanvas.measureText(beschriftungYachse).width + 6;