1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 | Flotr.addType('timeline', { options: { show: false, lineWidth: 1, barWidth: 0.2, fill: true, fillColor: null, fillOpacity: 0.4, centered: true }, draw : function (options) { var context = options.context; context.save(); context.lineJoin = 'miter'; context.lineWidth = options.lineWidth; context.strokeStyle = options.color; context.fillStyle = options.fillStyle; this.plot(options); context.restore(); }, plot : function (options) { var data = options.data, context = options.context, xScale = options.xScale, yScale = options.yScale, barWidth = options.barWidth, lineWidth = options.lineWidth, i; Flotr._.each(data, function (timeline) { var x = timeline[0], y = timeline[1], w = timeline[2], h = barWidth, xt = Math.ceil(xScale(x)), wt = Math.ceil(xScale(x + w)) - xt, yt = Math.round(yScale(y)), ht = Math.round(yScale(y - h)) - yt, x0 = xt - lineWidth / 2, y0 = Math.round(yt - ht / 2) - lineWidth / 2; context.strokeRect(x0, y0, wt, ht); context.fillRect(x0, y0, wt, ht); }); }, extendRange : function (series) { var data = series.data, xa = series.xaxis, ya = series.yaxis, w = series.timeline.barWidth; if (xa.options.min === null) xa.min = xa.datamin - w / 2; if (xa.options.max === null) { var max = xa.max; Flotr._.each(data, function (timeline) { max = Math.max(max, timeline[0] + timeline[2]); }, this); xa.max = max + w / 2; } if (ya.options.min === null) ya.min = ya.datamin - w; if (ya.options.min === null) ya.max = ya.datamax + w; } }); |