Vertical Scrolling in Timeline

[Ravee Malla]

Hi

I have been looking for a way to implement Vertical Scrolling as shown http://trunk.simile-widgets.org/timeline/examples/compact-painter/compact-painter.html.

But I am unable to get anything to work. I have tried the CSS overflow hack. In my situation, I have a lot of events each associated to a unique person, and hence I have dedicated a unique track to each person. I have tried setting div height of the timeline element but this isn't working. My version is 2.3.1 and I have made a local copy of the code.

I include the "timeline-api.js?bundle=true" file from the source, and all the other I guess are automatically included.

As this is part of a bigger project, any help would be greatly appreciated.

Thank you

Ravee

[Ryan Lee]

Ravee,

You don't really mention what the specific problem is in a way someone
could even begin to diagnose what the issue might be. Try posting what
you have somewhere where we might look at it, and explain what it is
you're hoping to see and what it is you're actually seeing. You might
receive some useful assistance then.

[Ravee]

Sorry, I will try to clearly state my problem. I have to track the
occurrence of a set of people in news articles appearing over time.
For eg., considering news articles from the year 2000, I extract the
list of the people appearing in them, and place an event $p$ at $t$ (1
day event) on the timeline corresponding to every time a person $p$
appears in an article at time $t$($t$ is some day in the year 2000).
Also, I want the people to be appearing in different horizontal rows,
so we assign a unique row (trackNum) to every person.
But the issue is that usually the number of people in all is very
large, which can't be contained in say 400px height of the timeline
div. Hence, the timeline height becomes large (~3000px), and difficult
to manage.

I basically want the timeline height to remain at say 400px, and all
the tracks to appear on demand by scrolling vertically within the div.
eg. the 2 scenarios (diag1 is desirable & diag2 is undesirable). I
want to decrease the height of diag2, add a vertical scrollbar so that
it looks like diag1.

I have tried the CSS overflow change but was not able to get anything.
I saw the CompactEventPainter example, but that seems to use a newer
version of Timeline (2.4?).
The screenshots are at http://shashank94.in/test/diag1.png &
http://shashank94.in/test/diag2.png

Would really appreciate any help on this matter. Thank you

On May 24, 5:49 pm, Ryan Lee <ryan...@zepheira.com> wrote:
> Ravee,
>
> You don't really mention what the specific problem is in a way someone
> could even begin to diagnose what the issue might be.  Try posting what
> you have somewhere where we might look at it, and explain what it is
> you're hoping to see and what it is you're actually seeing.  You might
> receive some useful assistance then.
>
> On 2012-05-24 02:51 , Ravee Malla wrote:
>
>
>
>
>
>
>
> > Hi
>
> > I have been looking for a way to implement Vertical Scrolling as shown

> >http://trunk.simile-widgets.org/timeline/examples/compact-painter/com...

[Ryan Lee]

Ravee,

These are all helpful hints but incidental to the root of the issue,
which is going to be in the code you use (or the data, but here it
sounds like it's somewhere in the code).

Without recourse for the rest of us to see exactly what code you're
describing, you are just as unlikely to get a solid answer to your
questions as you were before.

By the by, Timeline is not my forte, but I am interested in seeing you
find an answer to your question. It's the way that you're asking a
potentially complex question about code without showing any of it that's
problematic. Ask with code in hand. If you don't feel comfortable
showing your full code in a public forum, reduce it to a subset that
clearly demonstrates the issue. If even that's too much to show, you
should consider hiring someone to help you.

[Zulkifli Said]

hai rev, how i make my timeline using vertical scroll like this  shown http://trunk.simile-widgets.org/timeline/examples/compact-painter/compact-painter.html. ?

[Jeff Roehl]

Does anybody know how to deal with quotes in timeline titles?

In XML specifically, but I would suppose it would apply to JSON also (my kid works with the guy that invented JSON).

It seems that &quot; character entity is'nt resolving correctly, on the timeline.

 

Thanks
Jeff Roehl
jro...@yahoo.com
(818) 912-7530

[Ryan Lee]

On 2012-06-20 17:33 , Jeff Roehl wrote:
> Does anybody know how to deal with quotes in timeline titles?
>
> In XML specifically, but I would suppose it would apply to JSON also (my kid works with the guy that invented JSON).

You quote things in XML using character entities. In this case, you're
looking for &quot;

https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

You quote things in JSON differently. See

http://stackoverflow.com/questions/983451/where-can-i-find-a-list-of-escape-characters-required-for-my-json-ajax-return-ty/1021976#1021976

> It seems that " character entity is'nt resolving correctly, on the timeline.

By the way, it would be helpful keeping threads sorted if you started a
new message to the list instead of replying to an unrelated existing
thread when asking a new question. Thanks.