D3.js Make the bars of a bar chart clickable (and make them link to an html page with same name as bar)

Asked Apr 26 '16 at 17:58

Active Apr 26 '16 at 17:58

Viewed 4,123 times

I am using the following bar chart template, code mostly unchanged (but with my own tsv file obviously)

http://bl.ocks.org/mbostock/3885304

It works for me, with only one problem:

When I click on the bar for -say- "A", I want to be taken in a page called A.html

How can I do this? I have played with .onclick and .on("click", ...) for a long time, trying to get the name of which bar was clicked, searched for solution internet, nothing.

Please help me out of this, I am stuck... And my project depends on it

asked Apr 26 '16 at 17:58

Kurkosdr

6

`svg.selectAll(".bar").on("click", function(d){location.replace(d.letter+".html");});` – JSBob Apr 26 '16 at 18:05
Thank you! I wish this was posted as an answer so I could upvote it. – Kurkosdr Apr 26 '16 at 18:39
1

Yes, JSBob, please post as an answer. – Gerardo Furtado Apr 26 '16 at 22:54
Kurkosdr, you can upvote comments, as I just did, after 15 RP. – Gerardo Furtado Apr 26 '16 at 22:56

D3.js Make the bars of a bar chart clickable (and make them link to an html page with same name as bar)

0 Answers0