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.

zoom extent not working in latest versions of c3 & d3

See original GitHub issue

Like already postet on Stack, there occures a bug in the zoom extent option by using versions above 0.5.x.

Working example with lower versions of c3 & d3 (c3: 0.4.11 ,d3: 3.5.6) CodePen Bug example with latest versions of c3 & d3 (versions mentioned below) CodePen

Description: There seems to be no zoom limit.

  • C3 version: 0.5.1
  • D3 version: 4.13.0
  • Browser: Chrome Version 65.0.3325.181
  • OS: Windows 10

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:8

github_iconTop GitHub Comments

vsundeshacommented, May 14, 2018

Same problem with x.extent as well “c3”: “^0.5.4”, “d3”: “^4.13.0”,

still exists with “c3”: “^0.6.0”, “d3”: “^5.4.0”,

bnjbvrcommented, Aug 19, 2018

There’s also axis.x.selection which kinda seems to work like zoom.initialRange, and can be an interval (of the form [min_index, max_index]). However, both seem to be buggy if max_index is the biggest index in a category bar chart (will open an issue for this).

Read more comments on GitHub >

github_iconTop Results From Across the Web

c3.js zoom extent isn't working as expected - Stack Overflow
You are doing right, zoom: { enabled: true, extent: [1, 5], },. seems to be correct config. Could you try a different version?...
Read more >
D3.js zoom.extent() Function - GeeksforGeeks
The zoom.extent() Function in D3.js is used to set the viewport extent to the specified array of points [top-left corner, bottom-right corner].
Read more >
Zoom Extents shows a blank drawing or too much empty ...
AutoCAD: Zooming to extents in a drawing does not produce the expected results.
Read more >
the C3 reference - C3.js | D3-based reusable chart library
Note that this will not work if loading via the "file://" protocol as the most browsers will block ... Set default extent for...
Read more >
Zooming in d3.js - The D3 Graph Gallery
How zooming works in d3.js: a set of tiny examples with code illustrating ... updateChart() { // recover the new scale var newX...
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 Post

No results found

github_iconTop Related Hashnode Post

No results found