Real-world Events facility

GoogleCodeExporter commented 9 years ago

Wow flot is amazing.

My feature request: I'd love to have an "events" timeline that goes
across the top of the graph for correlating user-supplied events in
the time line. Forgive my ASCII-art

           E              E      E
          /              /      /
100 |-----------------------------------|
    |    |              |      |        |
    |    |  /-----------|------|\       |
 50 |    | /            |      | \------|
    |----|/             |      |        |
    |    |              |      |        |
  0 |-----------------------------------|
      date    date    date    date    date

Where the E's at the top are images/canvas that sorta looks like this
http://cloud.graphicleftovers.com/10428/item16971/mini_eco_tags.jpg
pointed down and to the left. These elements have javascript event
handlers for mouseover and click (etc). By default, clicking them
toggles an increase in opacity(or color) of the vertical line they make
through the graph. Mousing over them gives a tooltip with a larger
description of the event also temporarily increasing the opacity of
the vertical rule.

The idea is that you could enter data like "on Sept 29, 2009 at 4pm
we upgraded the version of blah" and that would show up to more easily
visualize/correlate real-world events to changes on the graphs.

I'm imagining the API would have a timestamp, color, short text
(for the "label") and long text (for the mouseover) per event.

Here's hoping this shows up in a fixed-width font :)

Original issue reported on code.google.com by sam%samr...@gtempaccount.com on 29 Sep 2009 at 3:33

GoogleCodeExporter commented 9 years ago

Sheesh sorry I meant to label this an Enhancement.

Original comment by sam%samr...@gtempaccount.com on 29 Sep 2009 at 3:33

GoogleCodeExporter commented 9 years ago

This sounds like plugin material.

Original comment by olau%iol...@gtempaccount.com on 21 Oct 2009 at 7:24

Added labels: Type-Enhancement
Removed labels: Type-Defect

GoogleCodeExporter commented 9 years ago

This is totally doable in the dev version these days - use the markings, etc.. 
See this example:  http://people.iola.dk/olau/flot/examples/annotating.html

Heck, wouldn't x2axis be enough, with specified ticks/labaels?

I think this could be closed...

Original comment by ryl...@gmail.com on 21 Dec 2010 at 12:07

GoogleCodeExporter commented 9 years ago

One can do this in a couple of ways, but I don't think they're straightforward. 
 Markings make the most sense, but currently those are just lines or filled 
areas.  We should provide better hooks to enable custom markings.

Original comment by dnsch...@gmail.com on 7 May 2012 at 11:18

Changed state: Accepted

zhaoweikai / flot

Real-world Events facility #228