INFO: Dieses Forum nutzt Cookies...
Cookies sind für den Betrieb des Forums unverzichtbar. Mit der Nutzung des Forums erklärst Du dich damit einverstanden, dass wir Cookies verwenden.

Es wird in jedem Fall ein Cookie gesetzt um diesen Hinweis nicht mehr zu erhalten. Desweiteren setzen wir Google Adsense und Google Analytics ein.

Antwort schreiben 
 
Themabewertung:
  • 0 Bewertungen - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Webserver Daten empfangen und Diagramm erstellen
15.07.2015, 12:23
Beitrag #1
Webserver Daten empfangen und Diagramm erstellen
Hallo alle zusammen,

momentan arbeite ich mit dem Arduino Taijiuino auf Basis des Arduino
Due. Auf diesem läuft der lwIP Stack mit einem Webserver. Jetzt möchte
ich über einen analogen Eingang einlesen und diese dann als
Diagramm auf einer Webseite darstellen. Um das Diagramm darzustellen würde ich gerne die chart.js Library benutzen. Bis hab ich aber leider noch nicht so viel:
Code:
<script>
            var lineChartData = {
            labels : [],
            datasets : [
                {
                    label: "My First dataset",
                    fillColor : "rgba(220,220,220,0.2)",
                    strokeColor : "rgba(220,220,220,1)",
                    pointColor : "rgba(220,220,220,1)",
                    pointStrokeColor : "#fff",
                    pointHighlightFill : "#fff",
                    pointHighlightStroke : "rgba(220,220,220,1)",
                    data : []
                },
                {
                    label: "My Second dataset",
                    fillColor : "rgba(151,187,205,0.2)",
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    pointHighlightFill : "#fff",
                    pointHighlightStroke : "rgba(151,187,205,1)",
                    data : []
                }
            ]

        }
           document.getElementById('ButtonDosierung').onclick = function(){
                var ctx = document.getElementById("diagrammMessung").getContext("2d");
                window.myLine = new Chart(ctx).Line(lineChartData, {
                    responsive: true
                });
            }
        </script>
Mein Problem ist es jetzt, wenn ich den analogen Eingang eingelesen habe, die Daten in das Diagramm zu bekommen und gleichzeitig die Achsen den Ergebnissen anzupassen... Vielleicht gibt es hier ja jemanden der mir erklären kann, wie ich das z.B. mit JavaScript, AJAX oder CGI funktioniert???

Gruß KK
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
15.07.2015, 17:39 (Dieser Beitrag wurde zuletzt bearbeitet: 15.07.2015 17:41 von rkuehle.)
Beitrag #2
RE: Webserver Daten empfangen und Diagramm erstellen
Hallo KK,

hast du dir schon mal die Doku zur chart.js angesehen: http://www.chartjs.org/docs/ ? Steht eigentlich alles notwendige drin.
Was meinst du mit "den analogen Eingang einlesen"?
Ist ein bischen wenig Info darüber was dein Sketch macht und was der Webserver macht!
Grüße Ricardo

Nüchtern betrachtet...ist besoffen besser Big Grin
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
16.07.2015, 07:34 (Dieser Beitrag wurde zuletzt bearbeitet: 16.07.2015 07:34 von KK66.)
Beitrag #3
RE: Webserver Daten empfangen und Diagramm erstellen
Hallo Ricardo,

danke schon mal für deine Antwort. Also die Doku hab ich mir schon durchgelesen. Sie ist auch hilfreich, nur leider in einem Punkt nicht. Wie bekommt man dort externe Daten hinein. In den Bespielen sind immer Werte in
Code:
data: []
vorgegeben oder durch eine Random-Funktion erzeugt.

Also mein Sketch macht momentan nichts besonderes außer halt der lwIP Stack. MIt diesem erzeuge ich einen Webserver auf dem dann eine Website ist. Desweiteren nutze ich hierbei noch SSI und CGI. Per SSI werden im Laufe dann immer Werte hinzugefügt und aktualisiert. Per CGI steuer ich z.B. etwas.
Code:
<form method="get" action="startDosierung.cgi" name="startDosierung">
                <input value="Dosierung starten" class="ButtonDosierung"  type="submit">  
            </form>
Wenn ich diesen Button klicke dann wird eine Dosierung gestartet und gleichzeitig ein analoger Eingang ausgelesen. Diese Werte die ich dann dort bekomme (in einem Array) möchte ich dann auf der Website in einem Diagramm darstellen.

Gruß KK
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
Antwort schreiben 


Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Daten Visualisieren MeisterQ 12 565 01.12.2016 19:36
Letzter Beitrag: MeisterQ
  Data Logger Daten auf SD Card schreiben Crichton 12 303 22.11.2016 18:32
Letzter Beitrag: Crichton
  ESP8266 ESP12-E Webserver-Frage Claus_M 8 254 14.11.2016 22:02
Letzter Beitrag: Claus_M
  I2C Daten übertragen Gandalf 3 215 04.11.2016 13:20
Letzter Beitrag: hotsystems
  Daten über USB verarbeiten Felix91 10 325 12.10.2016 13:00
Letzter Beitrag: Tommy56
  Webserver + Bild als Hintergrund ?! Marc2014 8 246 11.10.2016 21:39
Letzter Beitrag: Bitklopfer
  Can-Bus Shield ok, aber keine Daten Clubsport 38 1.540 01.09.2016 14:17
Letzter Beitrag: Clubsport
  ESP8266 Webserver Programmieren HDT 11 768 23.08.2016 13:28
Letzter Beitrag: HDT
  NRF24L01+ "Ping" senden, empfangen, bestätigen MeisterQ 8 385 23.08.2016 13:19
Letzter Beitrag: MeisterQ
  Hilfe gesucht. Webserver Statsiche und Dynamische HTMl Seite b3ta 11 452 22.08.2016 08:07
Letzter Beitrag: b3ta

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste