stoicloofah/chronoline.js

chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.

chronoline.js's Issues

qTip2 tunning

Hi! It would be nice if you can allow pass of qTip option in constructor. This will allow tunning of tooltips, in my case I need to always show tooltips, not as popup.

Scroll contents by dragging

Clicking the body of the timeline should allow you to drag left and right.

Autoscale

Is it possible to have it draw all the events without having to scroll? So it would need to change the scale to fit them into the available width.

Revisit qtip in IE

http://kevinleung.com/archives/introducing-chronoline-js-a-javascript-library-for-timelines/comment-page-1/#comment-5526

Apparently it works in IE9, but I need to investigate IE8 again to see why I disabled it

Continuous slide on mousedown

The left/right arrows currently only move in discrete increments. If the user holds the mouse down, it should slide smoothly.

Show and hide div not working

If click button, then show div inside this pluign design, not working.

But, default working properly.

Show and hide not working.

How to Get Monday date only per month.

Is there any option to get monday date only per month.

I need to show only monday or tuesday or else date only per month.
other date don't visible for me.

Help me.

Thank you
Arunvel

Write unit tests

Register Chronoline with package manages

I think we could register Chronoline as package on bower, npm and nuget.
It would help users get and update the package more easily. Also we could control what version is the current stable release. At the moment I think most people are going to the github master branch witch would usually be pre-release or rc.

Scrolling does nothing in Chrome 24

Clicking the left/right arrows and dragging don't move the contents at all in Chrome 24. It did appear to work in Chrome 23.

Thanks to Jose Castro for reporting this bug.

Configure continuous integration on this repo

See #41 (comment)

Labels are being substracted 1 year and 1 day if user's time zone is at East side of UTC

With my system set to my usual timezone, which is in Europe, I see that the labels for the days in any Chronoline are wrong: they are both one unit less than it should be, eg, year label is 2011 instead of 2012, and day label is 4 instead of 5. The months appear to behave correctly. If I change my system's timezone to one in the US, everything works fine.

It looks to me like the problem may be due to creating dates with hour 00:00 in local time, which expressed in UTC belong to the day before some hours before midnight. Then when we use the stripTime function with those dates, as we set the hour to 00:00 UTC, we are going back some hours in time, and from the local time perspective we are changing their day to one day before (and the year too, if it's a January 1st).

The problem seems to be gone for the year labels if I create a UTC date from the start, by using Date.UTC in line 470 of Chronoline.js, like this:

            var curDate = new Date(Date.UTC(year, 0, 1));

But I'm not sure if this is the way to go. And as of the day labels, just not using the stripTime function or making it useless is the only workaround I've found for it so far.

Interactive Editing of Events and Dates

1. Adding new events via the UI
2. Dragging the end of events to make them longer or shorter

http://kevinleung.com/archives/introducing-chronoline-js-a-javascript-library-for-timelines/comment-page-1/#comment-1614

Update example page to current dates

The goToToday function doesn't work because today is now off the timeline. It would feel better if it actually worked.

Get "Today" line label behind the events but in front of the sections

http://kevinleung.com/archives/introducing-chronoline-js-a-javascript-library-for-timelines/#comment-5572

Consider adding Super- and Subscript functionality

As it says in the subject. It would be nice to have (although I am biased of course)

can be used only one event on horizontal line?

is any settings to do this,

set the Y position unique for every event.??

Run chronoline through a linter

I think there's a lot of cruft in there

Ability to zoom to finer resolution

Currently a day is the smallest one can zoom into. Any easy way to let it handle that more dynamically/granually?

Issue wrt displaying of months/year labels when dragging the timeline.

When enabling drag and one drags the timeline, the start month label slowly drifts in the direction in which we drag and also the month labels are displayed incorrectly.

See attached screenshots

Performance in FF, Ubuntu

In general, chronline is very sluggish. This is most noticeable by setting the label granularity to daily, then centering on something, say, a few years later.

I don't immediately have any solutions but is something to be aware of.

Chronoline section wrong position

Code: https://jsfiddle.net/q1ch73p8/
Image:

It should end at jan 30.

Hitting right twice on the quarterly timeline doesn't work

Right now. August 1, 2013, 5:34PM PDT

The issue is that we're trying to go to the next month, but we're normalizing too much.

So we try to get the next month. That day is figured in UTC, then converted to local time, which is on the last day of the day before. Then when we strip the time in goToDate, it goes another day before that. Yikes.

Package a minified version as well

There's frankly no reason not to, and that's what people should use in production anyways

chronoline doesn't render if use jQuery tabs

Hi everyone!

If I use jQuery tabs, Chronoline lib doesn't work. When the associated div defines a new chronoline, that tab doesn't render the chrono defined.

Regards!

Change event color on hover

Just as another cue that you're hovering.

Visual Label

as well as the hover.

It will be nice to label the lines. see example below.

Same Tooltip content

Hi,
I have same tooltip content on every part of graph. I check and titles are all different each other.

What I can do to solve?

Thanks,
Jacopo

$(document).ready(function() {
                        var timeline = new Chronoline(document.getElementById("target1"), events, {visibleSpan: DAY_IN_MILLISECONDS * 366,
                            animated: true,
                            tooltips: true,
                            defaultStartDate: moment().subtract(300,'days').toDate(),
                            labelInterval: isHalfMonth,
                            hashInterval: isHalfMonth,
                            scrollLeft: prevQuarter,
                            scrollRight: nextQuarter,
                            floatingSubLabels: true,
                        });

License Type?

Zooming

Smoothly transition between different layers of granularity. Currently, the best way to do this is to create a new object and destroy the old one.

Linking timeline items

Is it possible to set a URL for the items in the timeline, so individual items can be clicked and take you to new pages?

Thank you!!

Day view

Can i change to day view and se hours?

Use labelFormat for label formatting

Line 147 has a reference to labelFormat, which presumably is used to format the labels under the hashes. Unfortunately, it isn't actually used in drawLabelHelper. Swap that in so the option is actually being used.

Right discrete scroll goes left when continuous scrolling is turned off

If continuous scrolling is disabled, the right scroll button actually scrolls left. The error is here:

chronoline.js/chronoline/chronoline.js

Lines 998 to 1001 in 1a3dc7b

	} else { // just hook up discrete scrolling
	t.leftControl.onclick = t.scrollLeftDiscrete;
	t.rightControl.onclick = t.scrollLeftDiscrete;
	}

Tagging & Release & Issues

Seems like the tagging is a little out of date. The currently v0.1.1 is pre-release since Aug 2013.

Of the current bugs #6 is performance issue, #12 is IE related, #19 looks like it has a work around. Other issues are quite old.

Here is my suggestion.

1. Update the v0.1.1 pre-release to release.
2. Tag the current master branch as release 0.1.2.
3. When pull request #31 is merged we can tag it v0.1.3-rc
4. We can then tidy up the old issues list, put reproducible bugs into a v0.1.4 milestone

doesn't work in IE9

I'm passed to IE9 but the chronoline doesn't work.