Add dots in trend line

JIRA: FUNCTEST-483

Change-Id: I014faccf9358fff5c47d4be6f4d8f55fd7133691
Signed-off-by: Morgan Richomme <morgan.richomme@orange.com>

2 files changed, 13 insertions, 0 deletions

diff --git a/reporting/css/default.css b/reporting/css/default.css
index 7da5e27..a9fa69d 100644
--- a/reporting/css/default.css
+++ b/reporting/css/default.css
@@ -102,3 +102,9 @@ h2 {
   stroke: #000;
   shape-rendering: crispEdges;
 }
+
+.dot {
+  fill: steelblue;
+  stroke: steelblue;
+  stroke-width: 1.5px;
+}
diff --git a/reporting/js/trend.js b/reporting/js/trend.js
index ec48e75..f242133 100644
--- a/reporting/js/trend.js
+++ b/reporting/js/trend.js
@@ -63,6 +63,13 @@ var trend = function(container, trend_data) {
         .attr("d", valueline(trend_data))
     .attr("stroke", "steelblue")
     .attr("fill", "none");
+ 
+    trend_svg.selectAll(".dot")
+      .data(trend_data)
+      .enter().append("circle")
+      .attr("r", 2.5)
+        .attr("cx", function(d) { return trend_x(d.date); })
+        .attr("cy", function(d) { return trend_y(d.score); });   
 
      return trend;
 }