question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The zoom in/out function stops working once AutoZoom is selected with large graph data

See original GitHub issue

I’m submitting a … (check one with “x”)

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior

If we auto-zoom on a graph with large data then zoom stops working. One is not able to zoom in/out once auto-zoom is selected.

Expected behavior

Zoom in/out should work fine even after selecting auto-zoom with large graph.

Reproduction of the problem

I could reproduce this problem on demo page as well : https://swimlane.github.io/ngx-graph/ Perform following steps

  • select real data
  • wait for two minutes (approx) to populate some good amount of data so that screen fills with nodes.
  • select auto-zoom (the graph will fit to the screen) or select ‘FIT IN VIEW’
  • try to zoom in/out

Possibly it happens when zoom level goes below 0.1 Because we could not zoom in below level of 0.1 when using manual zoom through mousewheel.

Kindly let me know if you want elaboration.

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

NPM = 6.x

  • ngx-graph version: x.x.x

ngx-graph version = 5.2.1

  • Angular version: x.x.x

Angular = 7.x (I could reproduce it with 6.x)

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

all

  • Language: [all | TypeScript X.X | ES6/7 | ES5] all

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
assafsuncommented, Jan 8, 2019

That’s our goal.

1reaction
assafsuncommented, Jan 6, 2019

After more than 2-3 minutes, I succeeded to reproduce it. We will keep this issue open.

The required change IMO is to add validation of zoom level between 0.1 - 4 in the graph component.

Thanks @rahul-winner

Read more comments on GitHub >

github_iconTop Results From Across the Web

d3.js force layout auto zoom/scale after loading - Stack Overflow
So that a big layout gets somewhat zoomed out and a small layout zoomed in. I have a zoom event setup so scrolling...
Read more >
How to disable auto-zoom out when reach extent of ... - SciChart
I am using SciChart to draw some graph on my application. I use ZoomPanModifier to be able to zoom and drag the graph...
Read more >
Zoom In, Zoom Out, and ZBox Commands on the TI-84 Plus
If you've already graphed a function on your TI-84 Plus calculator, you can use the Zoom In, Zoom Out, and ZBox commands to...
Read more >
Zooming-in on Map Selection - Knowledge Base - Tableau
A Tableau map can automatically zoom-in on the user selection by setting up a Filter Action where the Target Sheet is the Source...
Read more >
Power BI Zoom In and Focus Mode for Charts and Graphs
What you will also notice is the zoom bar is enabled for focus mode, so you can both hone in on a particular...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found