title: D3js pie chart click event not work
body: <p>i try to add click event and get selected slice data but not working
  if any solution then please send me.</p>
  
  <p>i try to add click event and get selected slice data but not working
  if any solution then please send me.</p>
  
  <p>i try to add click event and get selected slice data but not working
  if any solution then please send me. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;style&gt;
      body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        width: 960px;
        height: 500px;
        position: relative;
      }
      path.slice{
          stroke-width:2px;
      }
      polyline{
          opacity: .3;
          stroke: black;
          stroke-width: 2px;
          fill: none;
      } 
      svg text.percent{
          fill:white;
          text-anchor:middle;
          font-size:12px;
      }
  
      &lt;/style&gt;
      &lt;body&gt;
      &lt;button onClick="changeData()"&gt;Change Data&lt;/button&gt;
      &lt;script src="http://d3js.org/d3.v3.min.js"&gt;&lt;/script&gt;
      &lt;script src="Donut3D.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  
      var salesData=[
          {label:"Basic", color:"#3366CC"},
          {label:"Plus", color:"#DC3912"},
          {label:"Lite", color:"#FF9900"},
          {label:"Elite", color:"#109618"},
          {label:"Delux", color:"#990099"}
      ];
  
      var svg = d3.select("body").append("svg").attr("width",700).attr("height",300);
  
      svg.append("g").attr("id","quotesDonut");
  
      Donut3D.draw("quotesDonut", randomData(), 450, 150, 130, 100, 30, 0);
  
      svg.selectAll(".arc")
            .on("click", function(d) {
              alert('test');
                // code you want executed on the click event 
            });   
      function changeData(){
          Donut3D.transition("quotesDonut", randomData(), 130, 100, 30, 0);
      }
  
      function randomData(){
          return salesData.map(function(d){ 
              return {label:d.label, value:1000*Math.random(), color:d.color};});
      }
  
      &lt;/script&gt;
      &lt;/body&gt;
  </code></pre>