Like mousehover does, when the mouse goes hover the element (bar), it gets highlighted and drops that highlight when mouse leaves.
I'm wondering how to use that behavior but for a click event: highlight the bar when click.
Asked
Active
Viewed 821 times
0
-
Do exactly what you're doing on mouseover on click. – Lars Kotthoff Nov 18 '15 at 18:38
-
@LarsKotthoff, mouseover event is native from nvd3, i'm not the author, that behavior is controlled from the lib itself. – noneJavaScript Nov 18 '15 at 18:52
-
I think that's done by assigning the class "hover" to the element, so all you'd need to do is assign that class on click. – Lars Kotthoff Nov 18 '15 at 18:56
-
Indeed, the class "hover" may solve this. But, how can I assign it to the element that was clicked? – noneJavaScript Nov 19 '15 at 12:15
-
You would need to select all elements that should have this behaviour and assign a click handler that does this. – Lars Kotthoff Nov 19 '15 at 16:28
1 Answers
0
You can always bind event listeners with d3. You select the element and you bind the event. In your concrete element, check the class of the bars and bind it.
Something like this:
d3.selectAll(".nv-bar").on('click',
function(){
// add the effects or the class that enlarge the bar
});reference: How to add a click event on nvd3.js graph
Community
- 1
- 1
user3623332
- 81
- 3