To continue at the right 'zoom' after the transition, I had to set the zoom to the new translate and scale.
Example of reset which is applied similarly to my click and zoom event, the set new zoom point is the critical bit:
_this.vis.select('g').transition().duration(1000) .attr('transform', "translate(0,0)scale(1)") /* SET NEW ZOOM POINT */ _this.zoom.scale(1); _this.zoom.translate([0, 0]);
- D3 - How to get correct scale and translate origin after manual zoom and pan to country path
- How to keep current zoom scale and translate level when re-rendering graph
- How to change speed of translate and scale when zooming in and out in D3 (using zoom.on & d3.event.translate, d3.event.zoom)?
- D3 click coordinates after pan and zoom
- d3.js pan and zoom jumps when using mouse after programatic zoom
- d3 update old scale when pan and zoom
- How to get the boundaries of currently visible time scale (after panning and zooming)?
- Map zoom and pan in d3 js v4 + scale limit
- How to link D3 zoom and pan controls
- What Transformation values to calculate for scale and translate if you want to zoom
- Leaflet: How to get pixel position of a lat lng after zoom, before zoom begins
- How to scale and translate together?
- D3.js - force diagram. How to add zoom and pan
- d3 v4: Clip path not updating after pan and zoom
- d3js. Coordinates after zoom and pan. How to calculate it?
- How to proper zoom and pan only the y-axis in D3 v5 y-axis
- Update zoom state in d3 v4 after manually setting translation and scale
- How can I get a SVG path shape to scale on zoom in D3?
- How to zoom and translate to center of force directed graph in D3
- How can I add d3 zoom and pan to a Power BI visual?
- How can i get the new X and Y position after rotating?
- d3.js v4 d3.zoom and strange element order after zoom or pan
- d3 collapse tree zoom and pan - jumpiness after clicking a node
- How do I draw gridlines in d3.js with zoom and pan
- D3 Zoom & Pan - How to enable zooming & panning anywhere on the chart and restrict showing circle within the range while panning & zooming
- SVG and D3.js Issue with correct rotation after translate
- D3.js: How to get the computed width and height for an arbitrary element?
- How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
- D3 transform scale and translate
- How can I get the D3.js axis ticks and positions as an array?
More Query from same tag
- Display the text inside the nodes in Tree graph in d3.js
- Unable to add grid lines to bar chart
- How to update d3.js stacked area chart?
- dc js - data table to show pivot like data
- how to center SVG canvas in the window d3.js
- path not drawn in d3 stacked area chart
- bring circle to top on mouseover with d4.v4
- DC.js - trigger elastic resize when criteria are met
- Draw rectangle in SVG around tags in DndTree (D3 tree graph)
- d3js Parallel Coordinates categorical data
- D3 - Rotate text individually
- D3 can't draw two brushes together
- D3 - Draw arrow on bar to reflect the data
- Creating a whole new world with shapefile format of different layers in one file
- Drag flickers on force-directed graph
- Can't display a single bar in D3
- Changing d3 bullet chart range
- Transform parsed percentage data into new array
- SVG links not working after transition executed in d3.js
- Advanced D3 transition sequencing; inheriting delay/duration from transitions over different selections
- Round edges at the ends of radial progress bar
- How do I change XTick format in NVD3?
- Global array not updating with d3.json
- How do I create an axis with non-equal tick intervals in D3.js
- How to export dc.js filtered data
- Nested data with D3.js
- Complex circle diagram
- Address JS ES6 Map in arrow functions
- How to find the highest attribute in a dataset, then display the "name" associated with that
- how to remove old plot and transition to new plot by choosing menu in D3