From 7ba316e39df882ea69cf99dd5e848451902c393f Mon Sep 17 00:00:00 2001
From: Philipp Klaus <klaus@physik.uni-frankfurt.de>
Date: Tue, 12 Sep 2017 18:07:05 +0200
Subject: [PATCH] DASH: create random ID for each sparkline gradient

---
 python_suite/dashboard/static/js/sparkline.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/python_suite/dashboard/static/js/sparkline.js b/python_suite/dashboard/static/js/sparkline.js
index d3f1b5d..e17f7d1 100644
--- a/python_suite/dashboard/static/js/sparkline.js
+++ b/python_suite/dashboard/static/js/sparkline.js
@@ -14,6 +14,7 @@ function sparkline() {
   var dataSource = '';
   var dataSourceType = '';
   var selector = 'body';
+  var id = Math.floor(Math.random()*16777215).toString(16);
   var gradientColors = ['green', 'orange', 'red'];
 
   // setters and getters
@@ -96,7 +97,7 @@ function sparkline() {
       // this defines the gradient used
       gradient = svg.append("defs")
         .append("linearGradient")
-          .attr("id", "gradient")
+          .attr("id", "gradient"+id)
           .attr("x1", "0%")   // starting x point
           .attr("y1", "0%")   // starting y point
           .attr("x2", "0%")   // ending x point
@@ -143,7 +144,7 @@ function sparkline() {
         .attr('class', 'line')
         .attr('stroke', function () {
           if (gradient) {
-            return 'url(#gradient)';
+            return 'url(#gradient'+id+')';
           }
           return '#444444';
         })
-- 
2.43.0