co/unsupervised_learning_simulation
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Achsenbeschriftung korrigiert.
All checks were successful
ci/woodpecker/push/default Pipeline was successful
Details

Browse source
This commit is contained in:
Christian Opitz 2023-11-12 17:12:58 +01:00
parent f29c8806c0
commit 178e3ab9a8
1 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/App.vue
View file

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