From: Philipp Klaus <klaus@physik.uni-frankfurt.de>
Date: Tue, 12 Sep 2017 16:07:05 +0000 (+0200)
Subject: DASH: create random ID for each sparkline gradient
X-Git-Url: https://jspc29.x-matter.uni-frankfurt.de/git/?a=commitdiff_plain;h=7ba316e39df882ea69cf99dd5e848451902c393f;p=mvd_epics.git

DASH: create random ID for each sparkline gradient
---

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';
         })