Comments (3)
I tested this in Firefox, and this is a fairly basic feature of SVG. Are you using an old version of Firefox? Are you not setting with the width and height of your SVG explicitly (which is required)? Do you have an example on bl.ocks.org or similar that demonstrates the issue? What is the resulting computed extent that you are seeing?
from d3-brush.
my firefox reports version 45.2.0.
I assume by "explicit" you mean in pixels rather than percentage?
Right now, width and height of the SVG are set to "100%" via CSS rule.
This may in fact be the problem, I haven't thought of that, thanks.
I will have another look during the weekend and report back.
from d3-brush.
Right. You can set width and height CSS properties to control how much space the SVG element takes up on the page, but even if you do that, you also need to set the width and height attributes on the SVG element to fix the coordinate system. (Alternatively you can use the viewBox attribute, but that isnโt supported by the default implementation of brush.extent.)
Iโll change the documentation to note that the default implementation requires these attributes. As you discovered you can also set the extent explicitly or substitute a different implementation.
from d3-brush.
Related Issues (20)
- Brush event started does not initiate "points" variable HOT 1
- brush().touchable not a function HOT 2
- Apparent breaking change(s) in non-breaking release HOT 3
- Can't create new brush selection inside extent, only change exsisting one HOT 1
- a brush transition is not interrupted HOT 1
- multitouch HOT 2
- FF android HOT 2
- Allow mousemove event triggering or switching brush state HOT 2
- brush.move should accept an event HOT 1
- Using brush for fine-grained zooming HOT 3
- Brush Wrapping
- Error multitouch emit undefined inside move function HOT 8
- Brushing uses wrong mouse coordinates if perspective transformations are applied HOT 3
- Is it possible to update d3-color ? HOT 2
- Conflict trying to .filter() with a false value if there is also a d3-zoom active
- incorrect position of the selected area in firefox HOT 2
- Allow to change default to CENTER mode HOT 2
- Errors when using `filter` on mobile HOT 2
- Customize the brush style HOT 2
- Brush handles disappear at zero width HOT 4
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 d3-brush.