second line graphing

assets/src/scripts/monitoring-location/components/hydrograph/selectors/iv-data.js

@@ -268,6 +268,10 @@ export const getIVDataSegments = memoize(dataKind => createSelector(
             previousDate = point.dateTime;
         });
         segments.push(newSegment);
+        if (dataKind === 'secondary') {
+            console.log('in iv data with secondary segments ', segments);
+        }
+
         return segments;
     }
 ));

assets/src/scripts/monitoring-location/components/hydrograph/time-series-graph.js

@@ -19,7 +19,7 @@ import {getGroundwaterLevelPoints} from './selectors/discrete-data';
 import {getFloodLevelData} from './selectors/flood-level-data';
 import {getIVDataSegments, HASH_ID} from './selectors/iv-data';
 import {getMainLayout} from './selectors/layout';
-import {getMainXScale, getMainYScale} from './selectors/scales';
+import {getMainXScale, getMainYScale, getSecondaryYScale} from './selectors/scales';
 import {
     getTitle,
     getDescription,
@@ -227,6 +227,14 @@ export const drawTimeSeriesGraphData = function(elem, store, showTooltip) {
             yScale: getMainYScale,
             enableClip: () => true
         })))
+        .call(link(store, drawDataSegments, createStructuredSelector({
+            visible: isVisible('secondary'),
+            segments: getIVDataSegments('secondary'),
+            dataKind: () => 'secondary',
+            xScale: getMainXScale('current'),
+            yScale: getSecondaryYScale('MAIN'),
+            enableClip: () => true
+        })))
         .call(link(store, drawDataSegments, createStructuredSelector({
             visible: isVisible('compare'),
             segments: getIVDataSegments('compare'),

assets/src/scripts/monitoring-location/components/hydrograph/time-series-lines.js

@@ -68,6 +68,10 @@ const drawMaskSegment = function(group, {segment, dataKind, xScale, yScale}) {
  * @param {D3 scale} yScale
  */
 const drawDataSegment = function(group, {segment, dataKind, xScale, yScale}) {
+    if (dataKind === 'secondary') {
+        console.log('drawDataSegment dataKind secondary with segments', segment);
+    }
+
     if (segment.isMasked) {
         drawMaskSegment(group, {segment, dataKind, xScale, yScale});
     } else {