The Timeline is an interactive visualization chart to visualize events in time. The events can take place on a single date, or have a start and end date (a range). You can freely move and zoom in the timeline by dragging and scrolling in the Timeline. Events can be created, edited, and deleted in the timeline. The time scale on the axis is adjusted automatically, and supports scales ranging from milliseconds to years.
Questions tagged [timeline.js]
78 questions
1
vote
2 answers
Loading dynamically created JSON into TimelineJS
I'm trying to load a dynamically created JSON object into TimelineJS and cannot find out what's wrong with the following code. Whenever I output the object to the console I get the right JSON file. Copying it from the console, and then loading it…
xited
- 877
- 1
- 10
- 19
1
vote
1 answer
Dynamically Change TimelineJS Content
I am trying to embed a timeline on a web site and I have the following problem:
The TimelineJS doesn't seem to work when the containing div is nested in another div. To avoid this problem I have created an iframe and put the entire timeline into…
mobearette
- 377
- 10
- 26
1
vote
1 answer
How to change timeline.js source to instead of a JSON file receive a JSON string?
I have a timeline using Timeline.js, but currently the story is red from a .json file which to me is not the ideal situation.
I have a servlet that processes information and puts together the JSONObject, that i pass to the page that has the…
JoaoFilipeClementeMartins
- 1,770
- 5
- 28
- 61
1
vote
0 answers
Timeline Portfolio + modal
I looking to add a modal script in the timeline script like Timeline Portfolio from timeline JS. The script use json for the data base. And I don't know how to merge the link to start the modal popup.
Exemple popup used:
Link to open the popup
user3271813
- 11
- 1
1
vote
2 answers
How to create JSON string in rails app
So I'm using TimelineJS (http://timeline.verite.co/) and I'm in a Rails app.
And I need to find out how to generate a suitable JSON string for use with TimelineJS.
So given the demonstration JSON string below.....what do I need to do to my app in…
thefonso
- 3,220
- 6
- 37
- 54
1
vote
2 answers
Constructing multidimensional array for desired JSON output for timeline.js
The timelineJS requires a specified JSON format. So far with this php code I'm able to generate an output like this below:
$rs = mysql_query("SELECT filename, data AS added, f.image as media, f.info_hash AS hash, c.name AS category FROM…
Imtiaz
- 2,484
- 2
- 26
- 32
1
vote
1 answer
Rails - routing issue with timeline javascript
I'm trying to use the timeline from http://timeline.verite.co/ - and I can't get it to work. I think I've tracked down the issue, but don't know how to resolve it.
Basically, the javascript is being served from the assets folder, and it is coded to…
ecs
- 708
- 1
- 14
- 33
0
votes
0 answers
VisJs Timeline - Weird item movement when it crosses hidden days
I use the visjs timeline library to have a view of the work weeks. I used the hiddenDates option which allows me to hide Saturday & Sunday , but when I move an item through Saturday and Sunday to go from Friday to Monday, the item has a strange…
Leg
- 1
- 1
0
votes
0 answers
Auto play over horizontal timeline
$('.timeline').timeline({
autoplay: true,
forceVerticalMode: 800,
mode: 'horizontal',
visibleItems: 5,speed: 1100
});
I am using this code , but it is not sliding automatically
Pritesh Sarda
- 1
- 2
0
votes
2 answers
Timeline.js how to make dates in reverse order
Currently, our timeline order with timeline.js is: "2020 -> 2021 -> 2022", but we need to do the opposite: "2022 -> 2021 -> 2020". I didn't find any settings in the library itself. How can this be done?