vis.js Timeline time format

[paulgilbert2000]

Hi ,

i am starting to learn how to use vis.js Timeline http://kixam.github.io/TW5-visjsTimeline/

i got everything installed , i am using custom date fields instead of Created/modified

i am struggling with the date format i should be using in the customer fields, does any one know the correct format to be used ?

I am using YYYY-MM-DD hh:mm

but none of the values i am putting are interpreted correctly on the visual time line

[Jan Johannpeter]

Hi,

if you are not using the TW custom format for dates you have to set a parameter to define it.

And I do not know what the plugin does with blank spaces like in your format.

Cheers Jan

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/e0a63c2c-bd78-43bc-b3c1-e9d7a4997ccdn%40googlegroups.com.

[paulgilbert2000]

Thanks Jan,

ok yes, it uses the standard tiddly wiki format , i also  found a date picker that that puts the format as tiddly wiki likes it , problem solved , thanks :)

[ludwa6]

Good to hear @Mohammed that you have solved it, as i am struggling w/ this one myself.  Can you share that date picker solution? 

Also: i wonder if i'm alone in having this problem with this problem of warning icon in display (red exclamation mark in Top RH corner of attached screen grab) -? 

Finally: i'm unable to visualise a fuller view (i.e. more bar-lines) than what is shown in the attached image; cannot scroll up/down in the tiddler, and it only shows what it shows (fixed height). 

I don't know if these UI issues are related to my browser  (TiddlyDesktop 0.0.14), or if it's something else. 

Any advice would be most appreciated!

/walt

[paulgilbert2000]

Hi Walt,

i am no expert but i will tell you what i know :)

so there is this date picker plugin

http://kixam.github.io/TW5-datePicker/

whatever date values you choose will populate in their respective fields in the tidly wiki format, which in turn should reflect properly in the timline

for the red Icon  ,If have you clicked on  it , it should have opened a tiddler detailing the errors , what are the errors you are getting ?

For the UI bit i think you need to add the plugin view to the side bar, so whatever tiddler  your time line is currently displayed in, just add this this tag to it " $:/tags/SideBar" .

 the verticality  is coming from tags ,or at least mine behaves this way, so first row has all tiddlers tagged with "tag1", second row all tiddlers tagged with "tag 2", and so on .

so you basically need a start date and and end date for the horizontal aspect of the time line , and tags , for the vertical aspect of the plugin

<$visjstimeline persistent endDateField="enddate"startDateField="startdate"  groupTags="[[tag 1]]" navpad tipFormat="YYYY-MM-DD HH:mm">

group tags is what governs the data populated from the top down , you need to add tag values there , then tag you tiddlers to show on the time line

[ludwa6]

Thanks @mohamed for the good explainer; given that help, i got it working now as was probably intended -except maybe for one thing: 

That red error icon is now when clicked returning me a list of ALL tiddlers that don't include both a start date and an end date, which renders this plugin suitable only for a site wherein you want every tiddler to have a corresponding plot on the Gantt chart.  Is this the way it's supposed to work?

In my case: i only want to plot those tiddlers that are related to some certain project(s) -but of course there are other tiddlers in the wiki that don't include the datepicker widget, because they are not related to project timeline(s).  How can i keep all these other tiddlers from triggering the error flag, i wonder?

ps: While searching for other solutions, via this post from @PMario on the dev list, i came upon this "Open Source Javascript Gantt" library that delivers exactly what i would love to have in such a utility and nothing more: draggable timelines & timescales, click for more info, with the ability to link timelines via dependencies.  Give that one a try -last link points to an interactive demo page- and tell me: wouldn't that make for a superior timeline plugin?

/walt

[paulgilbert2000]

Hi Walt,

i know , and i guess you will have to live with the red warning , that unless you put some place holder dummy data in the start and end date fields for all other tiddlers ..  and yes 100% , the gnatt chart plugin you mentioned is far superior, i wish i had the knowledge to integrate it with tidly wiki :)

who knows, maybe its on somebodys road map somewhere :)

[paulgilbert2000]

nm second thought

have you tired tiddly map ?http://tiddlymap.org/

it can provide visual presentation for dependencies between different tiddlers , not exactly a gantt chart ,but  its still pretty neat!

[ludwa6]

Good suggestion, Mohamed; in fact i have tried TiddlyMap -a good solution for discovering how ideas connect...

But i'm trying to solve for the particular use-case of understanding how different track of a project play out over calendar time.   In this problem space, i think Mr. Gantt pretty much nailed ~100 years ago, and (kinda like the modern "safety" bicycle, invented around the same time) that design remains essentially the same.  

So: with such stable & well-understood requirements, should be easy enough implement, right?  Here's hoping it is on sombody's development road-map :-)

/walt