Real-time Web gebaseerd huishoudelijke Power Usage Monitor (10 / 10 stap)

Stap 10: Google grafieken en Website integratie

Aangezien met een beschrijving van het gebruik van Google-grafieken en javascript zou een Instructable van haar eigen, ik ga niet ter dekking die in veel detail. Kortom, ik opgelicht van een paar andere voorbeelden ik vond op het web en bewerkt ze aan mijn behoeften. Ik ben het verstrekken van een link naar de broncode van mijn oorspronkelijke macht grafieken webpagina. Als u het systeem zoals ik heb beschreven, dan moet je kunnen vervangen van de ioBridge widget code (s) in mijn html insluiten met uw eigen.

Er zijn een paar kenmerken van de grafiek die ik zou willen wijzen. Ten eerste, het automatisch elke 10 seconden bijgewerkt. Het zal blijven toevoegen meer punten voor een uur. Gegevens ouder dan een uur zal worden geschoven uitgeschakeld na een uur, de grafiek als u wilt ruimte maken voor nieuwe gegevens. Deze beperking is vanwege de manier waarop die Google grafieken werkt. Een Google-grafiek wordt gemaakt door het gebruik van een URL. Aangezien een URL mag maximaal 2048 tekens, is er een limiet op de hoeveelheid gegevens die tegelijkertijd kunnen worden uitgezet. Het andere ding dat ik wil noemen over het diagram is dat het automatisch van de y-as schalen zal.

Gelukkig macht controle!