Comments (5)
correction, the tooltip is activated at both left AND right edges, but not between them :o
from rickshaw.
wow, found the bug.. in Rickshaw.Graph.HoverDetail there is a line saying
if (e.target.nodeName != 'path' && e.target.nodeName != 'svg') return;
however, in bar plots, the bar itself is a rect.. so changing that to
if (e.target.nodeName != 'path' && e.target.nodeName != 'svg' && e.target.nodeName != 'rect') return;
fixes things.
from rickshaw.
Thank you, I had the same issue the other day.
from rickshaw.
Actually, I think that e.target.nodeName != 'svg' should be removed from there.. since when you're hovering over the canvas itself, i.e. not one of the bars or areas, you shouldn't be triggering any tooltips (which won't be shown anyway, it just does all the useless processing..)
from rickshaw.
Thanks!
Actually, I think that e.target.nodeName != 'svg' should be removed from there.
It gets tricky with scatter plots and lines. Since they're such small targets, it's nice now that you don't have to work too hard to see the tooltips.
Whitelisting rect
gets us going for now, but it might be nicer to have renderers register relevant elements directly in the future.
from rickshaw.
Related Issues (20)
- Use travis to exclude unwanted files from pull requests
- Can Rickshaw.Series.fill help me fill missing data in series?
- Time format HOT 1
- Using Rickshaw.Fixtures.formatBase1024KMGTP seems to cause Y axis to go weird HOT 4
- Hover Details flickers on left y axis on hover in Firefox HOT 3
- Question regarding minification HOT 2
- Time axis wrong label for ticks before 1900 when showing decades
- ReactJS support for Rickshaw Library HOT 1
- Gettings vis.selectAll is not a function when created from within Vue HOT 5
- Add middle-ticks between year and decade
- how to start this project??? HOT 1
- howt to custom dragZoom ?
- x axis not rendering all specified tick marks
- enhancement: Feature request
- Change label dynamically
- Broken Web Link HOT 1
- For same values of y-axis graph line moves up and down
- Change Y-axis font size
- Rickshaw in React renders a black Canvas when adding X axis HOT 1
- refresh data from JSON with ajax ?
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 rickshaw.