Bash Bash erzeugt HTML, js funktioniert nicht

[ragan62]

Moin,
hab ein Script geschrieben , das Daten einer API abgreift und aufbereitet.
Das Script erzeugt dann eine HTML, die auch funktioniert.

Die Daten eines Tages möchte ich dann in Form eines einfachen Chart visualisieren.

Dazu hab ich bei W3schools.com folgendes gefunden:

<canvas id="myCanvas" width="200" height="100"></canvas>

Macht auch ein schönes Rechteck.

Um darin eine Linie zu zeichnen dient dieses snippet:

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>

Das funktioniert nicht.
Weis jemand warum?

Falls erforderlich,Code in der HTML :

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"></canvas>
<script> var c = document.getElementById("myCanvas"); var ctx = c.getContext"2d");ctx.moveTo(0, 0); ctx.lineTo(200, 100); ctx.stroke(); </script>

Ich kenne mich mit JavaScript NULL aus, deshalb hab ich bestimmt irgendwas wichtiges übersehen.
Google zeigt mir auch keine Lösung.
Jemand einen Tipp?

 

[kim88]

Was sagt den die Entwicklerkonsole, dort sind immer die JS Errors sichtbar.

Ergänzung (15. Januar 2023)

Im Browser irgendwo rechtsklick machen, auf "Untersuchen" drücken, dann auf den Tab Konsole dann die seite am besten neuladen.

 

[0x8100]

kleiner tip: nimm zum visualisieren der daten gleich was fertiges wie chartjs - da musst du nicht ganz am anfang starten und dich mit canvas und co. beschäftigen. wenn das ganze zeitreihen werden sollen, speicher deine daten in prometheus/influxdb und überlass grafana das visualisieren.

 

[ragan62]

@kim88 werde ich morgen ûberprüfen, danke.
@0x8100 Die mqtt-Kette will ich mir eigentlich ersparen.

 

[SonyXP]

var ctx = c.getContext"2d")

zumindest fehlt da schon einmal eine öffnende Klammer

 

[0x8100]

Die mqtt-Kette will ich mir eigentlich ersparen.

ich seh den bezug zu mqtt nicht? die daten hast du doch schon - lass das einfach von chartjs darstellen, oder gibt es einen besonderen grund, dass du anfängst, graphen von hand in js zu bauen?

 

[ragan62]

@0x8100 Von der Kombi InfluxDB/Grafana hab ich bisher nur im Zusammenhang mit mqtt gehört.

@SonyXP Upps, das wird es wohl sein.
Werde ich nach der Arbeit mal prüfen.
Wenn's das nicht was, melde ich mich wieder.

Manchmal sieht man den Wald vor lauter Bäumen nicht.

 

[netzgestaltung]

mit kims tipp aus #2 kommst du immer weiter.