-var labels_x = $('<ul class="labels-x"></ul>')
- .css({ width: data.width, height: data.height, position: 'absolute' });
+ var labels = $('<ul class="'+class_name+'"></ul>')
+ .css({ width: data.width, height: data.height, position: 'absolute' });
+
+ axis.num_labels = Math.round( size / axis.label_spacing );
+ if ( axis.num_labels > axis.range ) axis.num_labels = axis.range;
+ axis.inc = Math.ceil( axis.range / axis.num_labels );
+
+ for( var val = axis.min; val < axis.max ; val += axis.inc ) {
+ var pos = Math.ceil( ( val - axis.min ) / axis.range * size );
+ $('<li style="'+css_pos+': '+pos+'px"><span class="line"></span><span class="label">' + val + '</span></li>')
+ .appendTo(labels);
+ }
+
+ $('<li style="'+last_css_pos+'"><span class="line"></span><span class="label">' + axis.max + '</span></li>')
+ .appendTo(labels);
+
+ labels.appendTo(canvasContain);