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
Information DHT 22 Daten per 433 Mhz senden Niklas 5 140 10.12.2017 17:15
Letzter Beitrag: hotsystems
Lightbulb Wie kann ich Daten vom Nextion Display auf Arduino Mega2560 senden und benutzen MarkusA 14 953 02.11.2017 23:10
Letzter Beitrag: MarkusA
  Daten übergabe ans Nextion Display Franz54 53 2.766 09.10.2017 09:16
Letzter Beitrag: Franz54
  Daten per PHP an MYSQL übergeben ArduM0 4 747 09.08.2017 19:52
Letzter Beitrag: Bitklopfer
  Daten von Multicast Adresse empfangen Stromsparer 4 489 18.07.2017 12:59
Letzter Beitrag: Stromsparer
  Anzeige von Daten FreDicnc 9 973 24.06.2017 11:09
Letzter Beitrag: FreDicnc
  433mHz Funkmodule senden/empfangen nicht metzgefa 2 900 06.05.2017 13:30
Letzter Beitrag: metzgefa
  Firmata (Daten senden an den Arduino und empfangen vom Arduino) comfan 6 1.245 29.04.2017 14:29
Letzter Beitrag: hotsystems
  Empfangen von 2 Sendern mit RF433 peterfried 6 884 10.04.2017 21:26
Letzter Beitrag: hotsystems
  Can-Bus Shield ok, aber keine Daten Clubsport 54 5.263 02.04.2017 22:28
Letzter Beitrag: Bitklopfer

Gehe zu:


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