search

tsuyopon / webpagetest

Automatically exported from code.google.com/p/webpagetest
0 stars 0 forks source link

Add dotted lines & events to visual progress charts #156

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
Instead of separate charts for "Visual Progress %" and "Visual Progress - Dev 
Tools %", draw them on the same chart with a solid line for visual and a 
dotted-line (of the same color!) for dev tools, via "certainty" roles:
    https://developers.google.com/chart/interactive/docs/roles
Then define what solid vs dotted means in the legend.

Add event markers for render, dom_element, csi, etc via "annotation" roles.

Add y-axis label

Maybe write a custom legend via:
   https://code.google.com/apis/ajax/playground/?type=visualization#interaction_using_events
to show/hide the dotted lines, show/hide events, etc.
The legend could include popup (modal) definitions of "Visual Progress", Video 
vs DevTools, etc.

Original issue reported on code.google.com by wrig...@google.com on 16 May 2013 at 5:32

GoogleCodeExporter commented 9 years ago 
https://github.com/WPO-Foundation/webpagetest/issues/60

Original comment by PatMee...@gmail.com on 4 Jul 2013 at 6:05