c3.js圆环图onclick函数

Question

我在我的网站上创建了一个 C3js 圆环图，我在图表中分配了一个 onclick 函数，我也希望有一个按钮来触发该函数，但是我想不出任何好处这样做的方法。

我尝试创建一个按钮来触发如下所示的功能，找到该元素并将其绑定到我的 .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

c3.js圆环图onclick函数

c3.js donut chart onclick function

javascript

jquery

d3.js

c3.js