Dynamic stats - Githubissues

fnproject / ui

User interface for fn project.

Apache License 2.0

89 stars 21 forks source link

Dynamic stats #2

Closed nigeldeakin closed 7 years ago

nigeldeakin commented 7 years ago

This change replaces the basic statistics display on the main page with a continuously-updating graphical display of the same data: the three global values of "queued", "running", and "completed".

untitled

By default the display is updated every second (using polling); there is a checkbox to turn this off if required.

The charts use chart.js and vue-chartjs. I have updated README.md with the additional steps required to install these.

carimura commented 7 years ago

hey @nigeldeakin the graphs jump every refresh, it's a little disorienting. see: http://www.youtube.com/watch?v=dhmhVx3Vd9w

might want to start there, then we can adjust a few things (ie queued/running showed 0 to 1.0 scale in increments of 0.1, 0.2, doesn't make sense)

nigeldeakin commented 7 years ago

Curious: I don't see that jumping when I run it. How were the three values changing whilst that happened? (I can't read any of the text on the video). @carimura

Point taken about the vertical axis.

hibooboo2 commented 7 years ago

If i recall correctly that is due to not having data for the max points the graph can show. and will go away after x amount of time.. If you prepopulate the graph w/ data points that are 0 it should fix it. Did when I was working on the demo graphs at least. @nigeldeakin

nigeldeakin commented 7 years ago

Latest commits:

Merged latest changes from master
Annoying bouncing animation removed (it was just a setting!)
Initial y-axis height is now 10 (was 1, which gave fractional tickmarks)

Still to do: Defer initial rendering of charts until first set of stats have been obtained from fn server. That will make the initial display smoother. Other suggestions invited.