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
  Diagramm erstellen Ardusil 1 288 17.03.2018 17:52
Letzter Beitrag: hotsystems
  IR Pioneer empfangen Respun 10 2.487 25.02.2018 18:06
Letzter Beitrag: yoris
  Daten vom Arduino Mega an Nextion Diskusguppy 4 492 25.02.2018 13:29
Letzter Beitrag: hotsystems
Information DHT 22 Daten per 433 Mhz senden Niklas 5 851 10.12.2017 17:15
Letzter Beitrag: hotsystems
Lightbulb Wie kann ich Daten vom Nextion Display auf Arduino Mega2560 senden und benutzen MarkusA 14 2.163 02.11.2017 23:10
Letzter Beitrag: MarkusA
  Daten übergabe ans Nextion Display Franz54 53 4.879 09.10.2017 09:16
Letzter Beitrag: Franz54
  Daten per PHP an MYSQL übergeben ArduM0 4 1.037 09.08.2017 19:52
Letzter Beitrag: Bitklopfer
  Daten von Multicast Adresse empfangen Stromsparer 4 719 18.07.2017 12:59
Letzter Beitrag: Stromsparer
  Anzeige von Daten FreDicnc 9 1.585 24.06.2017 11:09
Letzter Beitrag: FreDicnc
  433mHz Funkmodule senden/empfangen nicht metzgefa 2 1.265 06.05.2017 13:30
Letzter Beitrag: metzgefa

Gehe zu:


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