plugin:timeline
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
plugin:timeline [2010-01-28 16:36] – 194.154.90.2 | plugin:timeline [2019-08-11 15:47] (current) – Aleksandr | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== timeline | + | ===== timeline |
---- plugin ---- | ---- plugin ---- | ||
Line 12: | Line 12: | ||
similar | similar | ||
tags : media, images, diagram, time | tags : media, images, diagram, time | ||
+ | |||
+ | downloadurl: | ||
+ | bugtracker : | ||
+ | sourcerepo : | ||
+ | donationurl: | ||
+ | |||
+ | screenshot_img: | ||
---- | ---- | ||
- | ===== Download and Installation | + | ==== Download and Installation ==== |
- | Download | + | Search |
- | the following URL. Refer to [[: | + | |
- | * http:// | + | * http:// |
Old versions: | Old versions: | ||
- | * http:// | + | * http:// |
- | ===== Revision History | + | ==== Revision History ==== |
^Date ^Version | ^Date ^Version | ||
- | |04.08.2009 | + | |2010-01-27 |02 |Internal DokuWiki links from time band added | |
- | |27.01.2010 | + | |2009-08-04 |
- | ===== Description | + | ==== Description ==== |
Timeline plugin can be used to visualize the temporal data. Timeline plugin uses linear time scale with the one-day granularity. There are day, week, month time scales. | Timeline plugin can be used to visualize the temporal data. Timeline plugin uses linear time scale with the one-day granularity. There are day, week, month time scales. | ||
+ | |||
The band is described by the time interval. Inside a band several subintervals can be emphasized. You can set color for a band itself or for an emphasizing. | The band is described by the time interval. Inside a band several subintervals can be emphasized. You can set color for a band itself or for an emphasizing. | ||
- | ==== Features ==== | + | |
+ | === Features === | ||
* colored time band with the one day granularity | * colored time band with the one day granularity | ||
* any amount colored subintervals | * any amount colored subintervals | ||
Line 46: | Line 55: | ||
- | ===== Usage ===== | + | ==== Usage ==== |
< | < | ||
< | < | ||
- | highlite=dd/ | + | highlight=dd/ |
</ | </ | ||
</ | </ | ||
In a case if scale is used, it is possible to specify scale markers. Markers are put under following standards: | In a case if scale is used, it is possible to specify scale markers. Markers are put under following standards: | ||
- | | + | |
- | * m - numeric representation of a month, without leading zeros; | + | * '' |
- | * y - a two digits representation of a year. | + | * '' |
- | ===== Example ===== | ||
- | ==== Code ==== | + | ==== Example |
+ | |||
+ | === Code === | ||
< | < | ||
^Bob ^ | ^Bob ^ | ||
Line 77: | Line 89: | ||
Where: | Where: | ||
- | | + | |
- | * sickness < | + | * sickness < |
</ | </ | ||
- | ==== Result | + | |
+ | === Result === | ||
{{http:// | {{http:// | ||
+ | ==== Suggestions ==== | ||
+ | |||
+ | === font-size === | ||
+ | |||
+ | At the moment the marks are direktly in the table-cells (td). I put them into an extra span-Element. So with some css-code I can use a bigger font-size for the marks. | ||
+ | |||
+ | It ended up in some more code to also change the ruler to be shown over the time-band and the marks under the band. You can now stack bands. So here is the part of the syntax.php I changed: | ||
+ | |||
+ | <code php> | ||
+ | if( $this-> | ||
+ | if( $this-> | ||
+ | $renderer-> | ||
+ | foreach($this-> | ||
+ | |||
+ | $renderer-> | ||
+ | ($value?"< | ||
+ | "</ | ||
+ | if( $this-> | ||
+ | $markline .= " | ||
+ | if ($value) {$markline .="< | ||
+ | $markline .= "</ | ||
+ | } | ||
+ | } | ||
+ | $renderer-> | ||
+ | if( $this-> | ||
+ | $markline .= " | ||
+ | $renderer-> | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | An my extra-code in style.css: | ||
+ | |||
+ | <code css> | ||
+ | div.timeline tr.mark span { | ||
+ | position: | ||
+ | border-left: | ||
+ | } | ||
+ | div.timeline tr.ruler span { | ||
+ | position: | ||
+ | border-left: | ||
+ | height:9px; | ||
+ | margin-top: | ||
+ | } | ||
+ | |||
+ | div.dokuwiki div.timeline table {font-size: 0px;} | ||
+ | div.dokuwiki div.timeline table td {} | ||
+ | div.dokuwiki div.timeline tr.mark | ||
+ | div.dokuwiki div.timeline tr.ruler {font-size: 0px;} | ||
+ | </ | ||
+ | |||
+ | |||
+ | === Comments === | ||
+ | |||
+ | Thanks, this is great! In your next update, could you please add a function to highlight the current date? I'd also like to have multiple timelines represented on the same timeframe or time scale. E.g One page showing all my project timelines for the next 2-3 years, but each project will have a different start and end date, however the earliest project should be leftmost on the chart. Thanks. Andre. | ||
+ | |||
+ | Checked with Release 2010-11-07 " | ||
+ | |||
+ | The Downloadlinks are dead! | ||
+ | |||
+ | Please fix the download links... |
plugin/timeline.1264692973.txt.gz · Last modified: 2010-01-28 16:36 by 194.154.90.2