SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Fortgeschrittene CSS-Techniken

Fortgeschrittene CSS-Techniken zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 04.12.2015, 12:11:42
NetFritz NetFritz ist offline
Anfänger
 
Registriert seit: Dec 2015
Alter: 76
Beiträge: 5
InfluxDB mit JavaScript abfragen

Hallo
Ich habe eine InfluxDB die ich mit JavaScript abfragen möchte.
Dazu habe ich eine Abfrage erstellt:
Code:
var data = influxdb.query("select * from pv_db limit 5");
Im Firebug bekomme ich unter Netzwerk-Antwort diese Ausgabe:
Code:
[{"name":"pv_db","columns":["time","sequence_number","forecast"],"points":[[1449255600,4990001,"0"],
[1449254700,5000001,"0"],[1449253800,5010001,"0"],[1449252900,5020001,"0"],[1449252000,5030001,"0"]]
}]
Wie bekomme ich dieses Object angzeigt mit z.B. mein Versuch:
Code:
document.write(JSON.stringify(data, null, "    "));
Ich bräuchte zur Weiterverarbeitung ein Array mit "columns" und "points".
Gruß NetFritz
Mit Zitat antworten
  #2  
Alt 07.12.2015, 18:48:41
NetFritz NetFritz ist offline
Anfänger
 
Registriert seit: Dec 2015
Alter: 76
Beiträge: 5
AW: InfluxDB mit JavaScript abfragen

Hallo
Sarkasmus Modus Ein: Vielen Dank für die rege Mithilfe. Modus Aus:
Hier mal meine Lösung die ich nach vielen Googlen und Testen herausgefunden habe.
Es ist sicher noch verbesserungsfähig, aber es zeigt den Weg der InfluxDB Abfrage mit der Darstellung mit Dygraph.
Gruß NetFritz
Code:
<!doctype html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>InfluxDB u Dygraph</title>
    <script type="text/javascript "src="//cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.1/dygraph-combined.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
	<script type="text/javascript" src="http://get.influxdb.org/influxdb-latest.js"></script>
    <script type="text/javascript"> 
$(document).ready(function () {
$(function() {
  influxdb = new InfluxDB({
    "host" :"192.168.2.57",
    "port" :"8086",
    "username" :"root",
    "password" :"root",
    "database" :"pv_wetter"
  });
    // select * from pv_db WHERE time > now() - 15d GROUP BY time(1h)
  influxdb.query("select * from pv_db WHERE time > now() - 2d GROUP BY time(5h);",function(points) {
    // console.log("points1=" + typeof points)
    // console.log("points2=" + JSON.stringify(points))
	var data = ""; 
	data = "Date,PV_forecast W \n";
    points.map(function(p) {
       p["points"].map(function(point) {
          var ret = { x: point.time, y: point.forecast };
		  var date = new Date(point.time);
		  data += (date.getMonth() + 1) + '/' + date.getDate() + '/' +  date.getFullYear() + ' ' +  addZero(date.getHours()) + ':' +  addZero(date.getMinutes()) + ':' +   addZero(date.getSeconds()) + ',' + point.forecast + "\n";
          return ret;
       });
  });
	// console.log(typeof(data));
	// console.log(data);
  g2 = new Dygraph(
    document.getElementById("graphdiv2"),data,
    {gridLineColor:['#FFFFFF'], //['#81664B'],      // Grid Line Farbe
	legend:'always',
	title:'myForecast',
	xlabel: 'Date',
    ylabel: 'Count',
    strokeWidth: 2                                  // Linestaerke
    //colors:['#FF0000'],                           // Linefarbe
    //'sine wave':{strokePattern: [7, 2, 2, 2]}              
	}         
  );	
      function addZero(i) {
        if (i < 10) {
          i = "0" + i;
        }
        return i;
      }
  });	
});
}) 
</script>
</head>
<body>
  <div id="graphdiv2" style="width:1000px; height:800px;border:2px solid;border-radius:15px;background-color:Gray;"></div>
</body>
</html>
Mit Zitat antworten
Antwort

Stichworte
influxdb object


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
überprüfen ob javascript und cookies aktiviert sind Socrates PHP Grundlagen 1 22.02.2007 18:48:56
Abfragen Auswahlmenüs mit Javascript BenjaminG HTML, CSS und JavaScript Help! 3 16.08.2005 20:42:10
NewWindow mit JavaScript - Vor-Zurück Button automatisch einfügen oli HTML, CSS und JavaScript Help! 7 10.07.2005 22:14:22
PHP Session mit Javascript abfragen delta3417 HTML, CSS und JavaScript Help! 2 04.01.2005 09:21:57
Mit Javascript Formulare kontrollieren cubichead Off Topic Area 4 14.09.2003 15:03:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:35:41 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt