From 4217fdcfb77bb3bd3d0c976fb7094382c2792c7c Mon Sep 17 00:00:00 2001 From: Andrew Yan <ayan@usgs.gov> Date: Tue, 13 Feb 2018 16:18:34 -0600 Subject: [PATCH] use a differently oriented hash for current and compare masks --- assets/src/scripts/components/hydrograph/index.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/assets/src/scripts/components/hydrograph/index.js b/assets/src/scripts/components/hydrograph/index.js index 3775378a4..276a79fbd 100644 --- a/assets/src/scripts/components/hydrograph/index.js +++ b/assets/src/scripts/components/hydrograph/index.js @@ -79,12 +79,20 @@ const plotDataLine = function (elem, {visible, lines, tsDataKey, xScale, yScale} .attr('height', Math.abs(yScale(yRangeEnd)- yScale(yRangeStart))) .attr('class', 'generic-mask'); + let patternId; + + if (tsDataKey === 'compare') { + patternId = 'url(#hash-135)'; + } + else { + patternId = 'url(#hash-45)'; + } maskGroup.append('rect') .attr('x', xScale(xDomainStart)) .attr('y', yScale(yRangeEnd)) .attr('width', xScale(xDomainEnd) - xScale(xDomainStart)) .attr('height', Math.abs(yScale(yRangeEnd)- yScale(yRangeStart))) - .attr('fill', 'url(#hash-45)'); + .attr('fill', patternId); } } }; -- GitLab