knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#213,docs,views][s]: add timeline example to views tutorial - fixes #213.

Browse Source
This commit is contained in:
Rufus Pollock
2012-08-15 12:27:45 +01:00
parent ce84dfc26b
commit c75e31a856
3 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
_includes/recline-deps.html
View File

@@ -3,6 +3,7 @@
<link rel="stylesheet" href="{{page.root}}vendor/leaflet/0.3.1/leaflet.ie.css" />
<![endif]-->
<link rel="stylesheet" href="{{page.root}}vendor/slickgrid/2.0.1/slick.grid.css">
<link rel="stylesheet" href="{{page.root}}vendor/timeline/20120520/css/timeline.css">
<!-- Recline CSS components -->
<link rel="stylesheet" href="{{page.root}}css/grid.css">

15
_includes/tutorial-views-timeline.js Normal file
View File

@@ -0,0 +1,15 @@
var $el = $('#mytimeline');
var timeline = new recline.View.Timeline({
model: dataset
});
$el.append(timeline.el);
// set the headline/title for each record with x column
timeline.convertRecord = function(record, fields) {
var out = this._convertRecord(record);
if (out) {
out.headline = record.get('x').toString();
}
return out;
}
timeline.render();