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
4
votes
1 answer
VisJS Timeline: sorting items in timeline
I'm using vis-js timeline library for building a timeline.
I need to sort the elements in each group.
Groups are like in example here.
I saw that I can do this using the "order option in the item" like here
but I cannot understand how it works.
I…
user2414751
- 176
- 1
- 6
3
votes
2 answers
Saving R timevis timeline in html webpage
I'm sure I'm missing a basic issue but I'm not currently able to find my way out of this problem.
Is there a way to save a simple (not Shiny) Timevis timeline in html webpage from the code?
I've successfully tried by using RStudio export button but…
Dan
- 33
- 2
3
votes
0 answers
Drag and Drop on touch screen Timeline
How can I drag items (not the items in the timeline) with touch screen on mobile into the timeline?
For example:
http://visjs.org/examples/timeline/other/drag&drop.html
the "item1 - box"
I want to drag the item1 to the timeline. It work very fine on…
Clarence344
- 21
- 3
3
votes
1 answer
How do you remove the scrollbars on timeline.js iframe?
I tried posting this to the timeline.js Google group but it got deleted.
I'm seeing scrollbars on the outer iFrame on the plugin's website (http://timeline.verite.co) and on our test site.
When embedding the iframe into our site I tried…
CMSCSS
- 2,076
- 9
- 28
- 49
2
votes
1 answer
d3-timeline Error: attribute x: Expected length, "NaN"
I am trying to display some timelines using D3 stacked chart.
I got this errors
Error: attribute x: Expected length, "NaN".
Error: attribute width: Expected length, "NaN".
Here is my adapted source code:
$scope.createTimeline = function(callsSource,…
BARHOUMI
- 204
- 2
- 12
2
votes
0 answers
divide timeline graph into 4 line time wise
I'm using google timeline graph to make a timeline graph for display one-day full activity.
but when I render the graph it is too congested.
so I have to try to divide the graph into 4 sets,
displays 00-00-00 time to 05-59-59
displays 06-00-00 time…
Bipin
- 131
- 2
- 5
2
votes
0 answers
Timeliene JS : How to position end date to extreme right?
I am using Timeline JS with JSON version in my application. Here I use 'start_at_end : true' - to select recent slide as first one. It works fine, but I am in need to position the start-slide-indicator to the extreme right instead of center (default…
web developer
- 457
- 2
- 10
- 25
2
votes
1 answer
Three.js animation
What's the best coding option to utilise ThreeJS as a timeline for a story telling project? I want to use ThreeJS to animate a the story of an actor in a previous production of "Merchant Of Venice". I have stills and video of the actor from the show…
ksqInFlightM
- 31
- 5
2
votes
1 answer
Where are the TimelineJS icons?
I am writing a web appplication, which will display data from DBPedia. There will be a timeline (TimelineJS) on the website. I decided to download the latest CSS and JS files of bootstrap and timelinejs. When I go to the created website, it's still…
Zelphir Kaltstahl
- 5,722
- 10
- 57
- 86
2
votes
0 answers
Knightlab TimelineJS Timeline Navigation Height Adjustment
I'm trying to adjust the height of the Timeline navigation to a accommodate more markers on the same line, I've managed to modify the css to make it look bigger but the placement of the first 5 markers should be on the same line, I'm aware that…
chillydk147
- 385
- 1
- 10
2
votes
1 answer
Using TimelineJS and AMD
I'm looking for a way to use TimelineJS with RequireJS's implementation of AMD. I can get things partially working, e.g.
define(["storyjs", "timelinejs", ...], function(storyjs, timelinejs, ...) {
createStoryJS({
type: 'timeline',
…
Sean Quinn
- 2,131
- 1
- 18
- 48
2
votes
1 answer
rails timelinejs not loaded properly inside bootstrap tab
I have placed the timeline coding(followed https://github.com/NUKnightLab/TimelineJS) inside a bootstrap tab,
if it is placed in first tab(active tab) it is loaded correctly but if it is placed in rest of tabs its not loaded correctly, i have placed…
Anbazhagan p
- 943
- 1
- 14
- 27
2
votes
1 answer
Timeline.js breaks twitter bootstrap tabs
Loading a timeline.js widget inside a twitter bootstrap nav tab, breaks the tabbed navigation.
In the code below, comment out createStoryJS(config) and tabs work fine.
Dont comment out -> timeline loads correctly but tab navigation breaks. Clicking…
dgorissen
- 6,207
- 3
- 43
- 52
2
votes
0 answers
Accessing TimelineJS data structure
I have a data structure that I transform into a format that TimelineJS can use. My data structure has the same number of slides as in the timeline, but it has more info than displayed in the timeline. Also, info in my data structure is not in the…
punkish
- 13,598
- 26
- 66
- 101
1
vote
0 answers
Javascript not working in custom code for wordpress page
I've created a timeline using HTML, CSS and JS. I've put the HTML in a custom HTML block on a page in WP, added the CSS to the extra CSS in the editor and added a custom JS block on the page with the JS code.
The HTML and CSS work, but the JS…
brightminddk
- 11
- 1