summaryrefslogtreecommitdiff
path: root/src/lib/rrdFlot.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/rrdFlot.js')
-rw-r--r--src/lib/rrdFlot.js39
1 files changed, 5 insertions, 34 deletions
diff --git a/src/lib/rrdFlot.js b/src/lib/rrdFlot.js
index 2ab090b..146f816 100644
--- a/src/lib/rrdFlot.js
+++ b/src/lib/rrdFlot.js
@@ -32,6 +32,8 @@ function rrdFlot(html_id, rrd_file, ds_description, layout_opts) {
this.ds_description=ds_description;
this.layout_ops=layout_opts;
+ this.selection_range=new rrdFlotSelection();
+
this.createHTML();
this.populateRes();
this.populateDScb();
@@ -96,10 +98,6 @@ rrdFlot.prototype.createHTML = function() {
cellScale.appendChild(elScale);
base_el.appendChild(external_table);
-
- // since I created a new HTML structure, there are no graphs yet => no selection
- this.selection_min=null;
- this.selection_max=null;
};
// ======================================
@@ -199,7 +197,7 @@ rrdFlot.prototype.bindFlotGraph = function(flot_data) {
selection: { mode: "x" },
};
- var graph_data=this.trim_flot_data(flot_data);
+ var graph_data=this.selection_range.trim_flot_data(flot_data);
//var scale_data=flot_data.clone();
var scale_data=flot_data;
@@ -214,9 +212,9 @@ rrdFlot.prototype.bindFlotGraph = function(flot_data) {
// now connect the two
$(graph_jq_id).bind("plotselected", function (event, ranges) {
// do the zooming
- rf_this.selection_min=ranges.xaxis.from;
+ rf_this.selection_range.setFromFlotRanges(ranges);
rf_this.selection_max=ranges.xaxis.to;
- graph = $.plot($(graph_jq_id), rf_this.trim_flot_data(flot_data), graph_options);
+ graph = $.plot($(graph_jq_id), rf_this.selection_range.trim_flot_data(flot_data), graph_options);
// don't fire event on the scale to prevent eternal loop
scale.setSelection(ranges, true);
@@ -236,30 +234,3 @@ rrdFlot.prototype.callback_ds_cb_changed = function() {
this.drawFlotGraph();
};
-
-// =======================================================
-// Given an array of flot lines, limit to the selection
-rrdFlot.prototype.trim_flot_data = function(flot_data) {
- var out_data=[];
- for (var i=0; i<flot_data.length; i++) {
- var data_el=flot_data[i];
- out_data.push({label : data_el.label, data:this.trim_data(data_el.data)});
- }
- return out_data;
-};
-
-// Limit to selection the flot series data element
-rrdFlot.prototype.trim_data = function(data_list) {
- if (this.selection_min==null) return data_list; // no selection => no filtering
-
- var out_data=[];
- for (var i=0; i<data_list.length; i++) {
- if (data_list[i]==null) continue; // protect
- var nr=data_list[i][0];
- if ((nr>=this.selection_min) && (nr<=this.selection_max)) {
- out_data.push(data_list[i]);
- }
- }
- return out_data;
-};
-