timsvideo-portable
commented
12 years ago Got some screenshots?
Tim
On 20 March 2012 01:09, Alec Perkins < reply@reply.github.com
wrote:
Here's the graphing stuff. I ended up making it so the front-end graphing JavaScript (no CoffeeScript needed) is flexible and doesn't require changing just to add a new graph. All that's needed is appending a "graph definition", which is just a dictionary with the title and a list of the series. The graphs will optionally auto-refresh every 10 seconds, and the viewing range can be varied between the previous 10 minutes, 30 minutes, 1 hour, and 2 hours.
There are also sample graph and annotation snippets that can be enabled to check the styling. Keeping unchanging time-based data visible in a graph based on "now" gets trickier and trickier as time goes on.
You can merge this Pull Request by running:
git pull https://github.com/typeish/timsvideo feature/graphs
Or you can view, comment on it, or merge it online at:
https://github.com/timsvideo/timsvideo/pull/19
-- Commit Summary --
- Add jQuery.flot for graphs
- Graph data endpoint
- Graph frontend JS and CSS
- Change graph to show only past hour.
- Move graphs to own page, updated jQuery.flot and jQuery.flot.stack to working versions.
- Add auto-refresh of graph data.
- Leave averages as ints. No need for the precision.
- Rework so front-end JS is generic
- Loading feedback, flexible data time range, cleanup
- tidyup
- Allow the server to set stacking.
-- File Changes --
A website/frontend/static/css/graphs.css (7) A website/frontend/static/js/overall_graphs.js (236) A website/frontend/static/third_party/jquery.flot.js (2599) A website/frontend/static/third_party/jquery.flot.stack.js (184) M website/frontend/templates/index.html (1) A website/tracker/templates/graphs.html (45) M website/tracker/urls.py (4) M website/tracker/views.py (163)
-- Patch Links --
https://github.com/timsvideo/timsvideo/pull/19.patch https://github.com/timsvideo/timsvideo/pull/19.diff
Reply to this email directly or view it on GitHub: https://github.com/timsvideo/timsvideo/pull/19
alecperkins
mithro
Here's the graphing stuff. I ended up making it so the front-end graphing JavaScript (no CoffeeScript needed) is flexible and doesn't require changing just to add a new graph. All that's needed is appending a "graph definition", which is just a dictionary with the title and a list of the series. The graphs will optionally auto-refresh every 10 seconds, and the viewing range can be varied between the previous 10 minutes, 30 minutes, 1 hour, and 2 hours.
There are also sample graph and annotation snippets that can be enabled to check the styling. Keeping unchanging time-based data visible in a graph based on "now" gets trickier and trickier as time goes on.