From e8a4d43c2a55d0a2ebd87b8e6c83d82ac5950291 Mon Sep 17 00:00:00 2001
From: Manuel Luis Sanmartín Rozada
Date: Fri, 3 Apr 2015 19:02:59 +0200
Subject: jsrrdgraph: Add support for dashes

---
 js/RrdGfxSvg.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

(limited to 'js/RrdGfxSvg.js')

diff --git a/js/RrdGfxSvg.js b/js/RrdGfxSvg.js
index ffc0071..927cb14 100644
--- a/js/RrdGfxSvg.js
+++ b/js/RrdGfxSvg.js
@@ -31,6 +31,9 @@ var RrdGfxSvg = function(svgId) {
 	this.path = null;
 	this.path_color = null;
 	this.path_width = null;
+	this.dash = false;
+  this.dash_offset = null;
+	this.dash_array = null;
 };
 
 RrdGfxSvg.prototype.size = function (width, height)
@@ -45,8 +48,24 @@ RrdGfxSvg.prototype.size = function (width, height)
 
 RrdGfxSvg.prototype.set_dash = function (dashes, n, offset)
 {
+	this.dash = true;
+	this.dash_array = dashes;
+	this.dash_offset = offset;
 };
 
+RrdGfxSvg.prototype._set_dash = function (shape)
+{
+	if (this.dash_array != undefined && this.dash_array.length > 0) {
+		shape.setAttributeNS(null, "stroke-dasharray", this.dash_array.join(','));
+		if (this.dash_offset > 0) {
+			shape.setAttributeNS(null, "stroke-dashoffset", this.dash_offset);
+		}
+	}
+	this.dash = false;
+	this.dash_array = null;
+	this.dash_offset = 0;
+}
+
 RrdGfxSvg.prototype.line = function (X0, Y0, X1, Y1, width, color)
 {
 	var shape = document.createElementNS(this.svgns, "line");
@@ -62,6 +81,8 @@ RrdGfxSvg.prototype.line = function (X0, Y0, X1, Y1, width, color)
 	shape.setAttributeNS(null, "y2", Y1);
 	shape.setAttributeNS(null, "stroke-width", width);
 	shape.setAttributeNS(null, "stroke", color);
+	if (this.dash)
+		this._set_dash(shape);
 
 	this.svg.appendChild(shape);
 };
@@ -100,6 +121,8 @@ RrdGfxSvg.prototype.rectangle = function (X0, Y0, X1, Y1, width, style)
 	shape.setAttributeNS(null, "stroke-width", width);
 	shape.setAttributeNS(null, "stroke", style);
 	shape.setAttributeNS(null, "fill", "none");
+	if (this.dash)
+		this._set_dash(shape);
 
 	this.svg.appendChild(shape);
 };
@@ -157,6 +180,8 @@ RrdGfxSvg.prototype.stroke_end = function ()
 	shape.setAttributeNS(null, "stroke-width", this.path_width);
 	shape.setAttributeNS(null, "stroke-linecap", 'round');
 	shape.setAttributeNS(null, "stroke-linejoin", 'round');
+	if (this.dash)
+		this._set_dash(shape);
 
 	this.svg.appendChild(shape);
 };
-- 
cgit v1.1