Comments (9)
Yep, I noticed it, too. This is a regression. Zooming used to be centered on the mouse pointer.
from eventdrops.
Seems to be related to the . The offset is exactly 210px.
The only place in your repo where I see something related to wheel and zoom is "function eventDrops(config)" in bundle.map.json
I don't really understand why this json with function is there?
Please fix the bug.
from eventdrops.
Something is cleaned from previous post
<g class="axes" transform="translate(210, 55)">
from eventdrops.
Not sure what is the bundle.map.json
. Probably a remainder of oldest versions. We will try to remove it.
How did you compute the exact offset?
from eventdrops.
To have a fast and dirty fix:
Replase:
<g class="axes" transform="translate(210, 55)">
to
''
and add
'transform="translate(-210, 0)"'
to
'class="drops-container"'
Now your chart overlaps with your left axes :-(.
from eventdrops.
again not all text is shown:
first replase to
<g class="axes" transform="translate(0, 55)">
from eventdrops.
Thanks for these useful extra informations. It is probably related to the fact we apply the zoom on the whole chart, but not only on the drop lines. It doesn't make sense: when zooming on a label, where should we put zoom center?
I'm looking at it.
from eventdrops.
Strange that you did not fix the problem jet.
In https://github.com/marmelab/EventDrops/blob/master/lib/drawer/index.js
Line 28 I see:
.attr('transform', 'translate(210, 55)');
Maybe this gives and idea?
Try to play with the arguments and see what happens!
from eventdrops.
Ping.
This bug spoils all experience.
Please fix it.
from eventdrops.
Related Issues (20)
- On window resize, chart is falling back to in-build css , Any pattern or css applied is classes are not appearing HOT 1
- Dot's disappearing when minimum scale is 1 and constraint on zoom
- Enhancement: Dispatch zoom on circles to zoom
- Dynamic Event Drop Color Value Switches on Zoom HOT 8
- manual zoom buttons HOT 4
- Axis labels not displayed correctly for earlier years HOT 2
- Limit start & end date HOT 3
- Left label identification by class or id HOT 4
- Issue with scrolling or dragging events with different sizes and colors. HOT 8
- Way to get number of events inside metaball HOT 1
- allow vertical panning for infinite scroll HOT 2
- Can not 'make run' HOT 3
- NPM outdated HOT 2
- Event drops lags in IE when zooming (large data)
- Unable to get basic timeline to work with unpkg libraries HOT 4
- Drop colors shift after zoom or scroll HOT 2
- draw() not supposed to redraw the chart?
- Cannot read properties of undefined (reading 'transform') HOT 1
- Unofficial 1.4 release
- Answer HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from eventdrops.