Moniteur en temps réel Web basé domestique puissance utilisation (10 / 10 étapes)

Étape 10 : Google Charts et intégration de site Web

Décrivant comment utiliser les Cartes de Google et javascript pouvant être une Instructable de son très propre, je ne veux pas qui couvrent de manière très détaillée. Fondamentalement, j’ai arraché quelques autres exemples j’ai trouvé sur le web et modifié pour s’adapter à mes besoins. Je suis fournissant un lien vers le code source de mon origine pouvoir tracer la page Web. Si vous faites le système comme je l’ai décrit, alors vous devriez être capable de remplacer l’ioBridge widget incorporer ou les codes dans mon code html avec vos propres.

Il y a quelques caractéristiques de la carte que je tiens à souligner. Tout d’abord, il met automatiquement à jour toutes les 10 secondes. Il continuera d’ajouter plus de points pendant une heure. Après une heure, données âgés de plus d’une heure défile hors du graphique pour faire place aux nouvelles données. Cette limitation est en raison de la façon dont Google Charts fonctionne. Un graphique de Google est créé grâce à l’utilisation d’une URL. Une URL étant limitée à 2 048 caractères, il y a une limite sur la quantité de données qui peuvent être tracées à la fois. L’autre chose, que je tiens à mentionner sur le tableau, c’est qu’il dimensionnera automatiquement l’axe des ordonnées.

Contrôle de puissance heureux !