plotting horizontal line in the center

diff --git a/src/graphing/radar.js b/src/graphing/radar.js
index 2f472f9..0b97019 100644 (file)
--- a/src/graphing/radar.js
+++ b/src/graphing/radar.js
@@ -10,6 +10,13 @@ tr.graphing.Radar = function (svg, size, radar) {
       .attr('x2', size / 2)
       .attr('y2', size)
       .attr('stroke-width', 5);
+
+    svg.append('line')
+      .attr('x1', 0)
+      .attr('y1', size / 2)
+      .attr('x2', size)
+      .attr('y2', size / 2)
+      .attr('stroke-width', 5);
   };
 
   self.plot = function () {

diff --git a/test/graphing/radar-spec.js b/test/graphing/radar-spec.js
index f5747c6..7608988 100644 (file)
--- a/test/graphing/radar-spec.js
+++ b/test/graphing/radar-spec.js
@@ -30,5 +30,22 @@ describe('tr.graphing.Radar', function () {
       expect(svg.attr).toHaveBeenCalledWith('y2', 500);
       expect(svg.attr).toHaveBeenCalledWith('stroke-width', 5);
     });
+
+    it('plots a horizontal line in the center', function () {
+      var svg = buildSvg();
+      spyOn(svg, 'append').andReturn(svg);
+      spyOn(svg, 'attr').andReturn(svg);
+
+      var radarGraph = new tr.graphing.Radar(svg, 500);
+
+      radarGraph.plot();
+
+      expect(svg.append).toHaveBeenCalledWith('line');
+      expect(svg.attr).toHaveBeenCalledWith('x1', 0);
+      expect(svg.attr).toHaveBeenCalledWith('y1', 500 / 2);
+      expect(svg.attr).toHaveBeenCalledWith('x2', 500);
+      expect(svg.attr).toHaveBeenCalledWith('y2', 500 / 2);
+      expect(svg.attr).toHaveBeenCalledWith('stroke-width', 5);
+    });
   })
 });