fixed data error on chrome

assets/src/scripts/d3-rendering/axes.js

@@ -97,12 +97,14 @@ export const appendSecondaryYAxis = function(elem, {yAxis, layout, yTitle}) {
  *      @prop {String} yTitle - label for the y axis
  *      @prop {String} secondaryYtitle - label for the secondary y axis.
  */
-export const appendAxes = function(elem, {xAxis, yAxis, secondaryYAxis, layout, yTitle, secondaryYTitle}) {
+export const appendAxes = function(elem, {xAxis, yAxis, layout, yTitle}) {
+// export const appendAxes = function(elem, {xAxis, yAxis, secondaryYAxis, layout, yTitle, secondaryYTitle}) {
     elem.call(appendXAxis, {xAxis, layout})
-        .call(appendYAxis, {yAxis, layout, yTitle})
-        .call(appendSecondaryYAxis, {
-            yAxis: secondaryYAxis,
-            layout: layout,
-            yTitle: secondaryYTitle
-        });
+        .call(appendYAxis, {yAxis, layout, yTitle});
+        // will reuse for graphing two parameters
+        // .call(appendSecondaryYAxis, {
+        //     yAxis: secondaryYAxis,
+        //     layout: layout,
+        //     yTitle: secondaryYTitle
+        // });
 };
\ No newline at end of file

assets/src/scripts/d3-rendering/axes.test.js

@@ -88,8 +88,8 @@ describe('axes module', () => {
 
             expect(svg.selectAll('.x-axis').size()).toBe(1);
             expect(svg.selectAll('.y-axis').size()).toBe(1);
-            expect(svg.selectAll('.secondary-y-axis').size()).toBe(1);
-            expect(svg.selectAll('.y-axis-label').size()).toBe(2);
+            expect(svg.selectAll('.secondary-y-axis').size()).toBe(0);
+            expect(svg.selectAll('.y-axis-label').size()).toBe(1);
         });
 
         it('should render only one y axis if a secondaryYAxis is not defined', () => {