Comments (3)
How did you do it with CSS?
I don't think that's a use case we need to support, as it is quite specific. However, for narrow spaces, we may perhaps add an option to disable labels? Then, in this case, you would be able to add them back using pure CSS, and playing with element z-indexes?
from eventdrops.
Hey @jpetitcolas I don't remember exactly but I think I removed the margin and maybe changed the text-anchor.
But since the time I opened this issue I really improved my knowledge on D3 so I think I'll try to open a PR for this.
About the css z-index, it didn't work because the z-index was defined by the order of elements on SVG.
About the use case, I think it is nice to support because it fits better when adding the chart to some sort of box.
from eventdrops.
A PR has been created to put labels over the drops (#234). Then, using some negative label padding, you should be able to put labels inside your chart (at least on version 1.1.x
):
const chart = eventDrops({
label: {
padding: -200,
},
};
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.