javascript - Making charts clickable -

i learning , trying code @ same time, code have, if take out drill method , take out .click(drill) works far, draws silly bar charts data sending it

$( document ).ready(function() {       var dataset = gon.data;      d3.select("body").selectall("div")         .data(dataset)         .enter()         .append("div")         .attr("class", "bar")         .click(drill)         .style("height", function(d) {             return d.brand_name + "px";         });      function drill (event) {         var target = event.currenttarget;         var data = $(target).data();         console.log(data);     } });   

but not able add "click" event bar charts such when click on them can know chart clicked on. code above result of unsuccessful attempt add "click" event charts have drawn .... correct way?

you can use .on("click", drill) if want d3 pass object , data attached.

 function drill(d, i) {       console.log(d); //data object       console.log(i); //array position       console.log(this); //dom element  } 

you can use .attr("onclick", "drill()") syntax if want follow standard html without d3 wrapper.