DASH: upgrade d3 JS library to v4

diff --git a/python_suite/dashboard/static/js/sparkline.js b/python_suite/dashboard/static/js/sparkline.js
index 4ca9b2b894d03d857f17b45b6c8c4be6ee6fc827..6a0ba849f5d87f4059bd8efae701a73e8bf3d259 100644 (file)
--- a/python_suite/dashboard/static/js/sparkline.js
+++ b/python_suite/dashboard/static/js/sparkline.js
@@ -2,7 +2,7 @@
 
 // Built to closely follow reusable charts best practices doc: http://bost.ocks.org/mike/chart/
 
-var parseDate = d3.time.format("%d-%b-%y").parse,
+var parseDate = d3.timeFormat("%d-%b-%y").parse,
     bisectDate = d3.bisector(function(d) { return d[0]; }).left,
     formatValue = d3.format(",.3f");
 
@@ -72,11 +72,11 @@ function sparkline() {
     var height = chart.height();
     var gradient;
 
-    var x = d3.time.scale().range([0, width]);
-    var y = d3.scale.linear().range([height, 0]);
+    var x = d3.scaleTime().range([0, width]);
+    var y = d3.scaleLinear().range([height, 0]);
 
     // Define the line
-    var valueline = d3.svg.line()
+    var valueline = d3.line()
       .defined(function (d) { return d[1] !== null; })
       .x(function (d) { return x(d[0]); })
       .y(function (d) { return y(d[1]); });

diff --git a/python_suite/dashboard/views/pv_overview.jinja2 b/python_suite/dashboard/views/pv_overview.jinja2
index cee4b1bec0f118618a8bbfa258ad67cef38667ca..c1f84bd3ba89e34ba86880f2e05b9a6be1dbb783 100644 (file)
--- a/python_suite/dashboard/views/pv_overview.jinja2
+++ b/python_suite/dashboard/views/pv_overview.jinja2
@@ -20,7 +20,7 @@ path {
 }
 </style>
 
-<script src="http://d3js.org/d3.v3.min.js"></script>
+<script src="https://d3js.org/d3.v4.min.js"></script>
 <script src="/static/js/sparkline.js"></script>
 {% endblock %}