@@ -60,7 +60,7 @@ var setup_sparklines = function() {
opts = {'value_lines':[80,120],"fill_between_value_lines":true,"padding_between_bars":0,"bottom_padding":1};
new BarSparkline('bar6',data3,opts).draw();
- new BarSparkline('test1',[1],opts).draw();
+ new BarSparkline('test1',[530],opts).draw();
new Sparkline('test2',[1],opts).draw();
};
sparklines.html
@@ -222,6 +222,7 @@ var BarSparkline = function(id,data,mixins) {
var w = this.width();
return ((w * 1.0) - ((l-1) * this.padding_between_bars)) / l;
};
+
this.scale_width = function() {
var widths = [];
var l = this.data.length;
@@ -232,6 +233,16 @@ var BarSparkline = function(id,data,mixins) {
return widths;
};
+ this.scale_data = function() {
+ var heights = this.scale_height();
+ var widths = this.scale_width();
+ var l = heights.length;
+ var data = [];
+ for (var i=0;i<l;i++)
+ data.push({'y':heights[i], 'x':widths[i]});
+ return data;
+ };
+
this.draw = function() {
var sl = this;
with(Processing(sl.canvas)) {
@@ -243,6 +254,11 @@ var BarSparkline = function(id,data,mixins) {
var gap = sl.padding_between_bars;
var mp = sl.marking_padding;
+ if (sl.data.length == 1) {
+ scaled[0].y = scaled[0].y * 3;
+ sl.value_lines = [];
+ sl.percentile_lines = [];
+ }
// Draw fill between value lines (if applicable).
var value_lines = sl.calc_value_lines();
@@ -299,7 +315,6 @@ var BarSparkline = function(id,data,mixins) {
for (var i=0;i<l;i++) {
var d = scaled[i];
rect(d.x,d.y,width,height-d.y);
-
};
this.exit();
};
sparklines.js
318f45ade4bae12dd378126b73b255f9b349d031
Will Larson
lethain@gmail.com
http://github.com/lethain/sparklines.js/commit/8b02f9e6189b25f3434f8c8823f3dbddfb8148e3
8b02f9e6189b25f3434f8c8823f3dbddfb8148e3
2008-08-29T18:13:00-07:00
2008-08-29T18:13:00-07:00
Bar sparklines with only one unit of data will now attempt to present themselves in a reasonable manner. The single bar will consume the entire width, but not the entire height, and all value and percentile lines will not be displayed.
bc3b3079a222e8d75c481a7ea0f7728c1d32a43c
Will Larson
lethain@gmail.com