Messwert graphisch darstellen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Messwert graphisch darstellen

    Hallo,

    ich habe eine Website auf der sich momentan 2 Messwerte und die Zeit dynamisch von selbst aktualisieren. Die Messwerte und die Zeit erhalte ich von einem Gerät, dass ich als Webserver nutze.
    Ab dem Zeitpunkt wo ich mich auf das Gerät einwähle, kann ich die Website aufrufen und mir die momentanen Messwerte und die Zeit anzeigen lassen.

    Jetzt möchte ich, dass ab dem Zeitpunkt wo ich die Website aufgerufen habe und somit die Messwerte und die Zeit dynamisch angezeigt werden diese graphisch darstellen.

    Dabei soll die x-Achse die Zeit sein und die y-Achse einer der 2 Messwerte.
    Somit brauche ich zwei Graphen.

    Das dynamische erfassen von den Messwerten und der Zeit wurde mit 2 HTML-Files gelöst.

    var.html:

    PHP-Code:
    <html><head>
    <
    title>Messgeraete-Abfrage</title>
      
    <
    script type="text/javaScript">
     var 
    aktiv window.setInterval("result.location.reload(true)"10000); 

        function 
    varshow(){ 
        
    dyn1.innerHTML result.dyn1.innerHTML;
        
    dyn2.innerHTML result.dyn2.innerHTML
        
    dyn3.innerHTML result.dyn3.innerHTML;} 
    </
    script
    </
    head>
    <
    body onload="varshow()">

    <
    iframe src="mfmvar.html" name="result" width="400" height="300"
    </
    iframe
    </
    body>
    </
    html

    mfmvar.html

    PHP-Code:
    <html><head
    <
    title>mfmvar</title
    </
    head
    <
    body
    <
    span id="dyn1">&#xae;/GSM/Quality;</span> 
    <span id="dyn2">&#xae;/Process/Bus1/Device_0/Kom3DF;</span>  
    <span id="dyn3">&#xae;/TIMES/TIME;</span>
    </body
    </
    html
    Kann mir jemand sagen wie sich so etwas realisieren lässt.
    Zuletzt geändert von hema0077; 05.07.2007, 14:06.

  • #2
    jo rechne halt deinen wert in pixel um und binde dann ein soundso großes flächiges gif oder nen div ein mit ner farbe
    (du willst doch sowas wien säulen diagramm oder?)
    Die Milch bleibt ranzig!

    Kommentar


    • #3
      Kann ein Säulen- oder ein Fliessdiagramm sein. Da der Messwert auch negativ sein kann brauch ein Diagramm mit scallierten Achsen. Habt ihr vielleicht mal ein Beispiel-Code wie so was aussehen könnte.

      Kommentar


      • #4
        Für die Achsen brachst du nur ein weiteres Bild. Kannst du ggf als Hintergrund oder auch normal einbinden.

        Je nach dem, was dein Fall gerade erfordert.

        Kommentar


        • #5
          Kann mir jemand sagen wie die Umrechnung eines Messwertes in einen Pixelwert aussehen kann.

          Kommentar


          • #6
            Gar nicht erst probiert, oder in Mathe nicht aufgepasst?

            MERKE: Du wirst hier keinen Code geschrieben bekommen. Wir helfen dir, aber wir machen nicht deine Arbeit!

            Kommentar


            • #7
              ich werf mal die stichwörter prozentrechnung und dreisatz in den raum...
              wenn dus jetzt net schaffst...

              ... sind informatik, programmier und sonstwas für ausbildungen oder studiengänge oder auch schulkurse nicht sehr mathelastig?
              Die Milch bleibt ranzig!

              Kommentar


              • #8
                Also ich hab mich hingesetzt und versucht das Ganze über einen Dreisatz zu lösen. Ich hol mir den aktuellen Messwert und verwende ihn für die Berechnung. Das Ergebnis soll nun als Höhe für die Tabelle dienen und somit einen Pegel darstellen. Leider funktioniert es nicht, kann mir jemand sagen woran es liegt?

                PHP-Code:
                <html>
                <
                head><title>Messgeraete-Abfrage</title>
                  <
                script type="text/javaScript">
                 
                  var 
                aktiv window.setInterval("result.location.reload(true)"10000); 
                  function 
                varshow(){ 
                    
                dyn1.innerHTML result.dyn1.innerHTML;
                    
                dyn2.innerHTML result.dyn2.innerHTML
                    
                dyn3.innerHTML result.dyn3.innerHTML;
                    
                    var 
                s;
                    var 
                qmax 150;
                    var 
                prozent 100;
                    
                    
                = (dyn2.innerHTML result.dyn2.innerHTML; * prozent)/qmax;
                    return} 
                        
                </
                script
                </
                head>
                <
                body onload="varshow();drawtable()">

                <
                iframe src="mfmvar.html" name="result" width="90%" height="200" align="center" frameborder="0"
                </
                iframe


                <
                iframe src="pegel_1.html" name="tableheight">       
                </
                iframe>

                </
                body>
                </
                html
                mfmvar.html

                PHP-Code:
                <html>
                <
                head
                <
                title>mfmvar</title
                 </
                head
                <
                body

                <
                span id="dyn1">&#xae;/GSM/Quality;</span><p />
                <span id="dyn2">&#xae;/Process/Bus1/Device_0/Kom3DF;</span><p />
                <span id="dyn3">&#xae;/TIMES/TIME;</span><p />
                </body
                </
                html
                pegel_1.html

                PHP-Code:
                <html>
                <
                head>
                <
                title>pegel_1</title>
                </
                head>
                <
                body>

                <
                span id="dyn2">&#xae;/Process/Bus1/Device_0/Kom3DF;</span><p />
                <span id="s"></span></>

                <
                table border="0" align="center" rules="groups" width="100%" cellpadding="0" cellspacing="0">
                   <
                tr>
                     <
                td  height="s" width="100%" bgcolor="#FF33CC"></td>
                   </
                tr
                </
                table>

                </
                body>
                </
                html
                Zuletzt geändert von hema0077; 05.07.2007, 14:10.

                Kommentar


                • #9
                  Original geschrieben von hema0077
                  Leider funktioniert es nicht, kann mir jemand sagen woran es liegt?
                  Nein, weil "funktioniert nicht" absolut keine brauchbare Problembeschreibung darstellt.


                  Fehlermeldungen? (Javascript-Konsole!)
                  Online-Beispiel?
                  ...?
                  I don't believe in rebirth. Actually, I never did in my whole lives.

                  Kommentar


                  • #10
                    PHP-Code:
                    <script type="text/javaScript">

                        var 
                    aktiv window.setInterval("aufruf()"10000); 

                        function 
                    aufruf(){
                        
                    varshow()
                        
                    drawtable()}
                        
                        function 
                    varshow(){ 
                        
                    dyn1.innerHTML result.dyn1.innerHTML;
                        
                    dyn2.innerHTML result.dyn2.innerHTML
                        
                    dyn3.innerHTML result.dyn3.innerHTML;
                        
                        var 
                    s;
                        var 
                    qmax 150;
                        var 
                    prozent 100;
                        
                        
                    = (dyn2 prozent)/qmax;
                        
                        return 
                    s
                            
                        function 
                    drawtable(){ 
                        
                    s.innerHTML tableheight.s.innerHTML;} 
                        
                    </
                    script
                    </
                    head>
                    <
                    body onload="aufruf()"
                    Beim Debugging kommt jetzt an der Stelle
                    PHP-Code:
                    <body onload="aufruf()"
                    die Fehlermeldung: Error Expected '('
                    Zuletzt geändert von hema0077; 05.07.2007, 14:12.

                    Kommentar


                    • #11
                      Code:
                      function aufruf()
                          {
                          varshow()
                          drawtable()
                          }
                      Augen auf Semikolon

                      Kommentar


                      • #12
                        @Tobi: nicht zwingend nötig.

                        Problem muss noch woanders liegen. Aber nachdem man wieder mal nur einen Schnippsel vorgeworfen bekommen hat, lässt sich das auch damit immer noch nicht zweifelsfrei sagen.
                        I don't believe in rebirth. Actually, I never did in my whole lives.

                        Kommentar


                        • #13
                          @wahsaga: Ich kann dir auch den ganzen Code reinsetzen, wenn dir das weiter hilft.

                          Kommentar


                          • #14
                            Nein, das wird vermutlich zu unübersichtlich.

                            Die präferierte Form eines nachvollziehbaren Beispiels wurde ja bereits genannt.
                            I don't believe in rebirth. Actually, I never did in my whole lives.

                            Kommentar


                            • #15
                              Original geschrieben von hema0077
                              PHP-Code:
                                  
                                  dyn1
                              .innerHTML result.dyn1.innerHTML;
                                  
                              dyn2.innerHTML result.dyn2.innerHTML
                                  
                              dyn3.innerHTML result.dyn3.innerHTML;
                                  
                                  var 
                              s;
                                  var 
                              qmax 150;
                                  var 
                              prozent 100;
                                  
                                  
                              = (dyn2.innerHTML result.dyn2.innerHTML; * prozent)/qmax
                              tjo also in der letzten zeile is ja ne menge schiefgelaufen..
                              Die Milch bleibt ranzig!

                              Kommentar

                              Lädt...
                              X