Mercurial > gemma
changeset 5041:abe9b75686ba time-sliding
client: set wheeldelta to facilitate quick changes of zoomlevel
author | Fadi Abbud <fadi.abbud@intevation.de> |
---|---|
date | Fri, 28 Feb 2020 12:55:24 +0100 |
parents | 066b76ef5e6a |
children | 28b260fdc303 |
files | client/src/components/TimeSlider.vue |
diffstat | 1 files changed, 5 insertions(+), 1 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/TimeSlider.vue Fri Feb 28 11:32:37 2020 +0100 +++ b/client/src/components/TimeSlider.vue Fri Feb 28 12:55:24 2020 +0100 @@ -116,13 +116,17 @@ .attr("width", svgWidth) .attr("height", svgHeight); + const wheelDelta = () => { + return (-d3.event.deltaY * (d3.event.deltaMode ? 120 : 1)) / 15; + }; // zoom event zoom = d3 .zoom() - .scaleExtent([0, Infinity]) + .scaleExtent([0.8, 102000]) .translateExtent([[0, 0], [svgWidth, svgHeight]]) .extent([[0, 0], [(svgWidth, svgHeight)]]) .on("zoom", this.zoomed); + zoom.wheelDelta(wheelDelta); svg .append("g")