Add support for RRD version "0001" files

Peter Lepeska — Mon, 25 Apr 2022 15:46:34 -0000

https://app.bountysource.com/issues/107610639-add-support-for-rrd-version-0001-files-to-rrdfile-js there is a bounty for this feature. Thanks!

Add support for RRD version "0001" files

Peter Lepeska — Sun, 24 Apr 2022 19:19:23 -0000

Hi,

I have moved the javascriptRRD code to github and created an feature request to add support for "0001" files here: https://github.com/Project-Faster/javascriptrrd/issues/1.

Hoping to find a developer interested in doing this work.

Thanks!

Pointer events?

MikeS — Sat, 02 Jan 2021 18:16:05 -0000

I see javascriptRRD hasn't had any development for quite a while. It seems to work great for what it does. One thing lacking though is support for Pointer Events. Creating a rrdFlotAsync results in a small "scaler graph". That works great on a desktop with a mouse, but doesn't seem to do anything on a phone (or other touchscreen?) I'm only guessing that's because it uses mouse events. Support for newer technology would be welcome.

One question: I can set the background color of the main graph with a graph_option (e.g. grid: { backgroundColor: "#DADADA"}). I can't find any way to do the same for the scaler graph?

Responsive Design Graph

Sean Whitney — Tue, 17 Feb 2015 19:54:54 -0000

I wanted to add a simple (graph only) version of rrd graphs to some webpages, and I fought with it for a while and I finally got it to work.

The basic premise is instead of stripping out the table, just attach the div in the cleanHTMLCruft function. I used the javascript.js so I could include updated jquery, and flot libraries.

I used jquery 1.11.2 and flot 0.8.3

I also used the following flot files, to make the graph resize function

jquery.flot.resize.js
jquery.flot.selection.js
jquery.flot.time.js

Here’s the patch

--- javascriptrrd.js    2015-02-11 15:23:49.520820330 -0600
+++ javascriptrrd.tmp.js    2015-02-12 16:14:13.281655240 -0600
@@ -1384,14 +1384,10 @@
 // ===============================================
 // Remove all HTMl elements but the graph
 rrdFlot.prototype.cleanHTMLCruft = function() {
-  var rf_this=this; // use obj inside other functions
-
-  // delete top and bottom rows... graph is in the middle
-  this.external_table.deleteRow(-1);
-  this.external_table.deleteRow(0);
-
-  var ds_el=document.getElementById(this.ds_cb_id);
-  ds_el.removeChild(ds_el.lastChild);
+  var div_el=document.getElementById(this.graph_id);
+  var base_el=document.getElementById(this.html_id);
+  while (base_el.lastChild!=null) base_el.removeChild(base_el.lastChild);
+  base_el.appendChild(div_el);
 }

 // ======================================
@@ -2034,16 +2030,11 @@

 // ===============================================
 // Remove all HTMl elements but the graph
-rrdFlotMatrix.prototype.cleanHTMLCruft = function() {
-  var rf_this=this; // use obj inside other functions
-
-  // delete 2 top and 1 bottom rows... graph is in the middle
-  this.external_table.deleteRow(-1);
-  this.external_table.deleteRow(0);
-  this.external_table.deleteRow(0);
-
-  var rrd_el=document.getElementById(this.rrd_cb_id);
-  rrd_el.removeChild(rrd_el.lastChild);
+rrdFlot.prototype.cleanHTMLCruft = function() {
+  var div_el=document.getElementById(this.graph_id);
+  var base_el=document.getElementById(this.html_id);
+  while (base_el.lastChild!=null) base_el.removeChild(base_el.lastChild);
+  base_el.appendChild(div_el);
 }

 // ======================================

Recent posts to Discussion

Add support for RRD version "0001" files

Add support for RRD version "0001" files

Pointer events?

Responsive Design Graph