From fa4517d9c34d8c7303244482ee4ace26afba0fdd Mon Sep 17 00:00:00 2001
From: Mary Bucknell <mbucknell@usgs.gov>
Date: Tue, 13 Feb 2018 13:16:40 -0600
Subject: [PATCH] Added a click handler for the median point circle to toggle
the visibility of the labels. Added a pointer cursor to the median point
circle element.
---
assets/src/scripts/components/hydrograph/index.js | 5 ++++-
assets/src/scripts/components/hydrograph/store.js | 2 +-
assets/src/styles/components/_hydrograph.scss | 1 +
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/assets/src/scripts/components/hydrograph/index.js b/assets/src/scripts/components/hydrograph/index.js
index e79c8c679..18b76dc1c 100644
--- a/assets/src/scripts/components/hydrograph/index.js
+++ b/assets/src/scripts/components/hydrograph/index.js
@@ -153,7 +153,10 @@ const plotMedianPoints = function (elem, {visible, xscale, yscale, medianStatsDa
})
.attr('cy', function(d) {
return yscale(d.value);
- });
+ })
+ .on('click', dispatch(function() {
+ return Actions.showMedianStatsLabel(!showLabel);
+ }));
if (showLabel) {
container.selectAll('medianPointText').
diff --git a/assets/src/scripts/components/hydrograph/store.js b/assets/src/scripts/components/hydrograph/store.js
index 38375fc92..66f113759 100644
--- a/assets/src/scripts/components/hydrograph/store.js
+++ b/assets/src/scripts/components/hydrograph/store.js
@@ -76,7 +76,7 @@ export const Actions = {
return {
type: 'SHOW_MEDIAN_STATS_LABEL',
show
- }
+ };
},
resizeTimeseriesPlot(width) {
return {
diff --git a/assets/src/styles/components/_hydrograph.scss b/assets/src/styles/components/_hydrograph.scss
index bfff7edd2..b5f746f05 100644
--- a/assets/src/styles/components/_hydrograph.scss
+++ b/assets/src/styles/components/_hydrograph.scss
@@ -69,6 +69,7 @@
}
.median-data-series {
fill: #f96713;
+ cursor: pointer;
}
}
}
--
GitLab