Mercurial > gemma
changeset 5066:46f8c8b3054b time-sliding
timeslider: remove first. redraw later
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 11 Mar 2020 12:39:27 +0100 |
parents | 385cb52d32ee |
children | 99ac62a56dd2 |
files | client/src/components/TimeSlider.vue |
diffstat | 1 files changed, 2 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue Tue Mar 10 12:49:16 2020 +0100 +++ b/client/src/components/TimeSlider.vue Wed Mar 11 12:39:27 2020 +0100 @@ -149,6 +149,7 @@ d3.select(".zoom").call(zoom.transform, t); }, createSlider() { + d3.select(".sliderContainer svg").remove(); const element = document.getElementById("sliderContainer"); const svgWidth = element ? element.clientWidth : 0, svgHeight = 40, @@ -158,7 +159,6 @@ d3.timeFormatDefaultLocale(localeDateString); xScale = this.getScale(); xAxis = this.getAxes(); - d3.select(".sliderContainer svg").remove(); let svg = d3 .select(".sliderContainer") .append("svg") @@ -278,6 +278,7 @@ }, mounted() { setTimeout(this.createSlider, 150); + window.addEventListener("resize", this.createSlider); } }; </script>