Script: Google Charts: x-Achse mit 24 Stunden Einteilung und sauberer Anzeige der Zwischenwerte

>D 40
; -- ARRAYS --
; 24-Stunden-Tabelle Bezugsleistung: alle 5 Min. ein Wert   x 12 Werte pro 1h   x 24h = 288 Werte in 24h
M:p:hbez=0 288

; -- VARS --
cnt=0

; -- BOOT --
>B
for cnt 0 288 1
	hbez[cnt]=cnt*40
next

; -- SUB --
; Bezugsleistung über 24 Stunden grafisch darstellen 
#24hsub
	wcs <div id="day" style="text-align:center;width:400px"></div>
	wcs <script language="JavaScript">function drawChart(){
	wcs var cssc={'headerRow':'hRow','rowNumberCell':'hCol','tableCell':'tCell'};
	wcs var data=google.visualization.arrayToDataTable([['Tag','Bezugsleistung (W)'],
	for cnt 0 288 1
		wcs [%2(cnt/12)%,%hbez[cnt]%],
	next
	wcs ]);
	; in 1er-Schritten von 0-24: zeigt diagonale Beschriftung in 2er-Schritten an
	wcs var options={chartArea:{left:45,width:'88%%'},legend:'none',title:'Bezugsleistung - Intervall: 5 Min.',vAxis:{format:'# W',gridlines:{minSpacing:10}},hAxis:{title:'Uhrzeit',ticks:[0,2,4,6,8,10,12,14,16,18,20,22,24]}};
	wcs var chart=new google.visualization.LineChart(document.getElementById('day'));
	wcs chart.draw(data,options);}google.charts.setOnLoadCallback(drawChart);</script>

; -- JEDE SEKUNDE --
>S

; -- WEB INTERFACE --
>W
; Lade google chart javascript (muss manuell hier geladen werden, wenn im Skript nicht gc() verwendet wird!!)
$<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
$<script type="text/javascript">google.charts.load('current',{packages:['corechart']});</script>

%=#24hsub

; -- END SCRIPT --
#

>D 40
IP=192.168.178.89

; Tagestabelle: alle 5 Min. ein Wert x 12 Werte pro 1h x 24h = 288 Werte
M:p:tbez=0 288
; Counter für Array
cnt=0
; Zähler für die Stunden von 0 bis 23 für 5-Minutenintervall
zh=0
; Zähler für die 5-Minuten Intervalle  von 0 bis 11 für 5-Minutenintervall
zm=0

; -- BOOT --
>B
; erst einmal alle Datenwerte auf 0 setzen
for cnt 1 288 1
	tbez[cnt]=0
next

; -- SUB --
; Netzbezug 24h-Tabelle mit fester Horizontalachse von 0 bis 24 Uhr
#24hsub
	wcs <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	wcs <script type="text/javascript">google.charts.load('current',{packages:['corechart']});</script>
	wcs <div id="day" style="text-align:center;width:400px"></div>
	wcs <script language="JavaScript">function drawChart(){
	wcs var cssc={'headerRow':'hRow','rowNumberCell':'hCol','tableCell':'tCell'};
	wcs var data=google.visualization.arrayToDataTable([['Start','Bezugsleistung (W)'],
	cnt=0
	; den Counter (12x24=288, passt also genau für 5-Minutenintervalle für 24 Stunden) in hh:mm umrechnen
	; Stunden von 0 ... 23 hochzählen
	for zh 0 23 1
		;5-Minutenblöcke von 0 bis 11 hochählen
		for zm 0 11 1
			; den Counter für das Array ebenfalls hochzählen
			cnt=cnt+1
			wcs [[%s(2.0(zh))%, %s(2.0(zm))%,0],%tbez[cnt]%],
		next
	next
	wcs ]);
	wcs var options={chartArea:{left:45,width:'88%%'},hAxis:{format:'HH:mm'}};
	wcs var chart=new google.visualization.Timeline(document.getElementById('day'));
	wcs chart.draw(data,options);}google.charts.setOnLoadCallback(drawChart);</script>

; -- WEB INTERFACE --
>W
%=#24hsub
#