c3.js圆环图onclick函数

c3.js donut chart onclick function

本文关键字：函数 onclick 圆环图 js c3      更新时间：2024-03-12

我在我的网站上创建了一个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不运行。

喜欢这个吗

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

此处的工作代码

相关文章：