Registrieren    Anmelden    Forum    Suche    FAQ

Foren-Übersicht » Alarm Modem Projektierung » Webserver




Ein neues Thema erstellen Auf das Thema antworten  [ 6 Beiträge ] 
Autor Nachricht
 Betreff des Beitrags:
 Beitrag Verfasst: Di Sep 30, 2008 6:19 pm 
Neuling

Registriert: Mi Nov 07, 2007 10:39 pm
Beiträge: 17
Wohnort: CH-6331 Hünenberg ZG
in der noch benötigten MochiKit-1.3.1 gibt es zwei Versionen von MochiKit.js. Eine ist 5KB gross, die andere 111KB. Es muss die grössere verwendet werden, dann läuft es.
Besten Dank


Nach oben 
   
Mit Zitat antworten  
 Betreff des Beitrags:
 Beitrag Verfasst: Do Sep 25, 2008 12:20 pm 
Tixi-Support-Team

Registriert: Mo Jul 11, 2005 5:50 pm
Beiträge: 1351
Wohnort: Berlin
Erich hat geschrieben:
Die Seite wurde noch nicht ins Modem geladen, es wurde also alles von der Harddisc gestartet.

Dann ist der Fehler wohl browserseitig zu suchen. Schonmal mit FireFox probiert ?

Erich hat geschrieben:
Können Sie mir die Includes zukommen lassen, ev habe ich ein Versionsproblem oder dass einzelne Files nicht kompatibel sind. Besten Dank

Ich habe die Originaldateien von der PlotKit Webseite benutzt. Version 0.9.1.

_________________
Tixi Support Team

E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min


Nach oben 
   
Mit Zitat antworten  
 Betreff des Beitrags:
 Beitrag Verfasst: Do Sep 25, 2008 12:13 pm 
Neuling

Registriert: Mi Nov 07, 2007 10:39 pm
Beiträge: 17
Wohnort: CH-6331 Hünenberg ZG
Die Seite wurde noch nicht ins Modem geladen, es wurde also alles von der Harddisc gestartet. Ich habe noch IE6. Können Sie mir die Includes zukommen lassen, ev habe ich ein Versionsproblem oder dass einzelne Files nicht kompatibel sind. Besten Dank


Nach oben 
   
Mit Zitat antworten  
 Betreff des Beitrags: Re: Probleme mit der Grafik
 Beitrag Verfasst: Do Sep 25, 2008 8:37 am 
Tixi-Support-Team

Registriert: Mo Jul 11, 2005 5:50 pm
Beiträge: 1351
Wohnort: Berlin
Erich hat geschrieben:
Ich habe versucht eine Website mit dem von Ihnen beschriebenen Code zu erstellen (siehe unten). Alle nötigen Java Scribts habe ich in einem Subverzeichnis (includes). Leider erscheint keine Grafik und der IE zeigt bei den Fehlerdetais 'Layout' is undefined. Können Sie mir weiterhelfen?

Tritt das nur auf, wenn Sie die Seite aus dem Modem laden, oder auch, wenn Sie die Seite von der Festplatte laden ?
Ich habe Ihren Code auf meiner HDD abgespeichert, das includes Verzeichnis erstellt und gefüllt, und die Seite wurde im IE7 problemlos angezeigt.

_________________
Tixi Support Team

E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min


Nach oben 
   
Mit Zitat antworten  
 Betreff des Beitrags: Probleme mit der Grafik
 Beitrag Verfasst: Mi Sep 24, 2008 11:12 pm 
Neuling

Registriert: Mi Nov 07, 2007 10:39 pm
Beiträge: 17
Wohnort: CH-6331 Hünenberg ZG
Ich habe versucht eine Website mit dem von Ihnen beschriebenen Code zu erstellen (siehe unten). Alle nötigen Java Scribts habe ich in einem Subverzeichnis (includes). Leider erscheint keine Grafik und der IE zeigt bei den Fehlerdetais 'Layout' is undefined. Können Sie mir weiterhelfen?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>PlotKit: Alarm Modem Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="includes/MochiKit.js" type="text/javascript"></script>
<script src="includes/excanvas.js" type="text/javascript"></script>
<script src="includes/Base.js" type="text/javascript"></script>
<script src="includes/Layout.js" type="text/javascript"></script>
<script src="includes/Canvas.js" type="text/javascript"></script>
<script src="includes/SweetCanvas.js" type="text/javascript"></script>

</head>

<body>
<div style="margin: 0 auto 0 auto; width: 500px;">
<div><canvas id="chart" width="500" height="300"></canvas></div>
<table id="values" class="data" style="display:none">
<thead>
<tr><td>x</td><td>y1</td><td>y2</td></tr>
</thead>


<tbody>
<tr><td>1</td><td>90</td><td>55</td></tr>
<tr><td>2</td><td>88</td><td>0</td></tr>
<tr><td>3</td><td>65</td><td>55</td></tr>
<tr><td>4</td><td>87</td><td>60</td></tr>
</tbody>


</table>
<script type="text/javascript">
var layout = new Layout("line", {xOriginIsZero: false});
layout.addDatasetFromTable("dataset2", $("values"), xcol = 0, ycol = 2);
layout.addDatasetFromTable("dataset1", $("values"), xcol = 0, ycol = 1);
layout.evaluate();

var chart = new SweetCanvasRenderer($("chart"), layout);
chart.render();

</script>
</div>
</div>
</body></html>


Nach oben 
   
Mit Zitat antworten  
 Beitrag Verfasst: Mi Nov 21, 2007 12:35 pm 
Tixi-Support-Team

Registriert: Mo Jul 11, 2005 5:50 pm
Beiträge: 1351
Wohnort: Berlin
Auf der Seite http://www.liquidx.net/plotkit/ gibt es eine JavaScript Library mit der sich Kurven-, Balken- und Tortengrafiken aus den Logdaten des Modems direkt im Browser zeichnen lassen.
Um den Einstieg zu erleichtern, hier ein kurzes Beispiel wie zwei Analogwerte als Kurve dargestellt werden können:

Zunächst müssen die Logdaten für das PlotKit als Table zur Verfügung gestellt werden.

Der Table muss dabei dieses Format haben:
Code:
<tbody>
<tr><td>1</td><td>90</td><td>55</td></tr>
<tr><td>2</td><td>88</td><td>0</td></tr>
<tr><td>3</td><td>65</td><td>55</td></tr>
<tr><td>4</td><td>87</td><td>60</td></tr>
...
</tbody>

Die erste Spalte beinhaltet die fortlaufende ID, die anderen beiden Spalten die aufgezeichneten Datenpunkte.
Um das zu erreichen, legt man folgenden Log-Alias für das Logfile "Datalogging_0" an:
Code:
      <Datalogging_0_PK _="Datalogging_0" type="HTML" flags="NoDate,NoTime,NoNames" tabstart="&lt;tbody&gt;&#x0a;" rowstart="&lt;tr&gt;" tagstart="&lt;td&gt;" tagend="&lt;/td&gt;" rowend="&lt;/tr&gt;&#x0a;" tabend="&lt;/tbody&gt;&#x0a;"/>

Nun wird das Logfile als versteckter Table via SSI in die Webseite geladen, und der <canvas>-Abschnitt gebildet:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <title>PlotKit: Alarm Modem Demo</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <script src="MochiKit.js" type="text/javascript"></script>
   <script src="excanvas.js" type="text/javascript"></script>
   <script src="Base.js" type="text/javascript"></script>
   <script src="Layout.js" type="text/javascript"></script>
   <script src="Canvas.js" type="text/javascript"></script>
   <script src="SweetCanvas.js" type="text/javascript"></script>
   
</head>

<body>
    <div style="margin: 0 auto 0 auto; width: 500px;">
    <div><canvas id="chart" width="500" height="300"></canvas></div>
    <table id="values" class="data" style="display:none">
        <thead>
            <tr><td>x</td><td>y1</td><td>y2</td></tr>
        </thead>
      &#xae;(ReadLog=Datalogging_0_PK+last 1 hours);
    </table>
    <script type="text/javascript">
        var layout = new Layout("line", {xOriginIsZero: false});
        layout.addDatasetFromTable("dataset2", $("values"), xcol = 0, ycol = 2);       
        layout.addDatasetFromTable("dataset1", $("values"), xcol = 0, ycol = 1);
        layout.evaluate();
       
        var chart = new SweetCanvasRenderer($("chart"), layout);
        chart.render();

    </script>
    </div>
</div>
</body></html>


Achtung: die Zeile
Code:
var layout = new Layout("line", {xOriginIsZero: false});
weicht von dem Beispiel der Herstellerseite ab. Diese Modifikatin ist notwendig, damit die X-Achse nicht beim 0 anfängt, und die Kurve bei steigender ID immer mehr nach rechts gedrückt wird.

Viel Spaß beim Ausprobieren !

_________________
Tixi Support Team

E-Mail-Support, Mo-Fr, 9:00 - 17:00: Tixi-Support@tixi.com
techn. Hotline, Mo-Fr, 9:00 - 12:00 und 13:00 - 17:00: 0900-100 90 11 für 2€/min


Nach oben 
   
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
 
Ein neues Thema erstellen Auf das Thema antworten  [ 6 Beiträge ] 

Foren-Übersicht » Alarm Modem Projektierung » Webserver


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste

 
 

 
Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  
cron
Deutsche Übersetzung durch phpBB.de