Web based application for drawing graphs with Yoctopuce sensors data
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
FILES.txt
README.md
RELEASE.txt
index.php
yocto_anbutton.php
yocto_api.php
yocto_network.php
yocto_relay.php
yocto_wakeupmonitor.php
yocto_wakeupschedule.php

README.md

YoctoCloud

This PHP script will allow you to create your very own visualisation cloud to control Yoctopuce sensors. Basically you will be able to interactively build a user interface with graphs showing your Yoctopuce sensors data history.

Screenshot example

Installation

  1. Copy all seven php files on your PHP server, preferably in a sub folder
  2. Create a data sub-folder, make sure the php server has write access to it

Configuration

  1. With a web browser, Open your YoctoHub/VirtualHub configuration. in the "Outgoing callbacks" section, define a "Yocto-API" callback pointing to the index.php file you just copied on your server. Test the callback with the "test" button, you should get a message with "Done." at the end. If everything is fine, just save and close the configuration
  2. With your browser, open the URL pointing on your index.php and add ?edit at the end of the URL, this will make a edition menu appear, you can start to add a graph with "new..>chart".

Usage

For consultation only, just open the URL without the ?edit parameter

Feeds

The application can handle different sets of sensors, just use add the parameter &feed=ArbitraryName on all URLs, including the one defined in the Hubs callback configuration

More detail about this application on our blog: www.yoctopuce.com/EN/article/a-yoctopuce-web-based-app-to-draw-sensors-graphs

IMPORTANT

This work uses the Highstock library from HighSoft. This outstanding library is free for private or non-commercial use, but take the time anyway to closely examine their license terms and conditions.

More info on : http://www.highcharts.com/