c3.jsドーナツチャートonclick関数

Question

ウェブサイトでC3jsドーナツチャートを作成しましたが、グラフにonclick関数を割り当てましたが、その関数を起動するボタンがありますが、何も把握できませんそれを行う良いアプローチ。

Iは、以下のような機能を発射要素を見つけて、私の.onclick()機能にバインドするために、ボタンを作成しようとしました：

$("#test").click(function(){ 
     $(".c3-arc-data2").click(); 
    }); 

しかし、それは動作しません。

fiddleJSに例を参照してください：https://jsfiddle.net/mcd6ucge/52/

拡張子：

私は、チャートのデータを変更すると、データがされているときに変更されますセクションのためのif文を持っています別のケースonclick機能が動作しない

if(x = "something"){ 
     $(".uldateBtn1").html(
     '<li id="test-fliter" class="dateBtn hvr-underline-from-left" style="margin-top:10px !important;">test</li>' 
           ) 

     $("#test-fliter").click(function(){ 

      var evt = new MouseEvent("click");//make a mouse event 
      d3.select(".c3-arc-test").node().dispatchEvent(evt); 

     }); 
    } 

else{ 
$(".uldateBtn1").html(
    '<li id="test2-fliter" class="dateBtn hvr-underline-from-left" style="margin-top:10px !important;">test</li>' 
          ) 

    $("#test2-fliter").click(function(){ 

     var evt = new MouseEvent("click");//make a mouse event 
     d3.select(".c3-arc-test2").node().dispatchEvent(evt); 

    }); 

} 

ifはうまくいっていますが、elseは動作していません。

Answer 1

この

$("#test").click(function(){ 
    var evt = new MouseEvent("click");//make a mouse event 
    //dispatch the event on the element. 
    d3.select(".c3-arc-data1").node().dispatchEvent(evt); 
}); 

作業コードのようにhere