c3.js donut grafiği onclick işlevi

Question

Web sitemde bir C3js çörek grafiği oluşturdum, grafikte bir onclick işlevini atadım ve bu fonksiyonu tetiklemek için bir düğmeye sahip olmak istiyorum ama Bunu yapmak için iyi bir yaklaşım.

Ben aşağıda gibi işlev yangın eleman bulmak ve benim .onclick() işlevine bağlamak amacıyla bir düğme oluşturmak için çalıştık:

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

Ama çalışmıyor.

fiddleJS örneğe bakın:

Uzatma https://jsfiddle.net/mcd6ucge/52/:

Ben grafiğin verileri değiştirmek ve veri olmuştur ne zaman değiştirecek olan bölüm için bir eğer bir bildirimde bulunmamış iyi çalışıyor ama başka çalışmıyorsa onclick fonksiyon

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); 

    }); 

} 

çalışmıyor başka bir dava.

Answer 1

bu

$("#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); 
}); 

çalışma kodu gibi here