| (function () { | |
| Flotr.ExampleList.add({ | |
| key : 'basic-timeline', | |
| name : 'Basic Timeline', | |
| callback : basic_timeline | |
| }); | |
| function basic_timeline (container) { | |
| var | |
| d1 = [[1, 4, 5]], | |
| d2 = [[3.2, 3, 4]], | |
| d3 = [[1.9, 2, 2], [5, 2, 3.3]], | |
| d4 = [[1.55, 1, 9]], | |
| d5 = [[5, 0, 2.3]], | |
| data = [], | |
| timeline = { show : true, barWidth : .5 }, | |
| markers = [], | |
| labels = ['Obama', 'Bush', 'Clinton', 'Palin', 'McCain'], | |
| i, graph, point; | |
| // Timeline | |
| Flotr._.each([d1, d2, d3, d4, d5], function (d) { | |
| data.push({ | |
| data : d, | |
| timeline : Flotr._.clone(timeline) | |
| }); | |
| }); | |
| // Markers | |
| Flotr._.each([d1, d2, d3, d4, d5], function (d) { | |
| point = d[0]; | |
| markers.push([point[0], point[1]]); | |
| }); | |
| data.push({ | |
| data: markers, | |
| markers: { | |
| show: true, | |
| position: 'rm', | |
| fontSize: 11, | |
| labelFormatter : function (o) { return labels[o.index]; } | |
| } | |
| }); | |
| // Draw Graph | |
| graph = Flotr.draw(container, data, { | |
| xaxis: { | |
| noTicks: 3, | |
| tickFormatter: function (x) { | |
| var | |
| x = parseInt(x), | |
| months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; | |
| return months[(x-1)%12]; | |
| } | |
| }, | |
| yaxis: { | |
| showLabels : false | |
| }, | |
| grid: { | |
| horizontalLines : false | |
| } | |
| }); | |
| } | |
| })(); | |