Gauge Grafik ohne Google & Co.

Hallo zusammen,

im Moment benutze ich für eine Energie-Ampel eine Gauge Grafik von Google. Ich möchte aber gerne diese Grafik intern, ohne Internetzugriff erzeugen. Hat einer eine Idee, womit man das (oder ähnliches) realisieren kann?

Energieampel.JPG

Gruß
Walter

Hallo, ich hatte da mal angefangen etwas mit Javasrcipt zu basteln, dann aber nicht mehr weiter verfolgt. Mein Ansatz war damals die Drehung mit CSS zum machen, und diese dann mit Javascript zu manipulieren.

CSS:


	#nadel {
		
		position:absolute;
		top: 235px;
		left: 50px;
		z-index: 2;	
		transform:rotate(-25deg);

	}



Javascript:


"<script> gradZahl = " . $readWatt . ';window.onload = function drehen (){document.getElementById("nadel").style.transform = "rotate(" + gradZahl + "deg)"};</script>'

Das wurde dann per PHP und echo ausgegeben und die $readWatt enthielt einen eingelesen Wert.

Allerdings war glaub ich mein Problem damals das es im Browser liefe aber nicht im Webfront.

Gruß soundman33

ich schaue heute abend auch mal…hatte sowas für die CPU Auslastung mal gebaut…

mal sehen ob ich es finde

Highcharts hat da mittlerweile auch was…