Javascript c3.js圆环图onclick函数
我已经在我的网站上创建了一个C3js甜甜圈图表,我在图表中分配了一个onclick函数,我也想有一个按钮来启动该函数,但我想不出任何好的方法来实现它 我试图创建一个按钮,以便启动如下函数,找到元素并将其绑定到我的.onclick函数:Javascript c3.js圆环图onclick函数,javascript,jquery,d3.js,c3.js,Javascript,Jquery,D3.js,C3.js,我已经在我的网站上创建了一个C3js甜甜圈图表,我在图表中分配了一个onclick函数,我也想有一个按钮来启动该函数,但我想不出任何好的方法来实现它 我试图创建一个按钮,以便启动如下函数,找到元素并将其绑定到我的.onclick函数: $("#test").click(function(){ $(".c3-arc-data2").click(); }); 但它不起作用 请参见fiddleJS中的示例: 分机: 我有一个if语句用于该部分,它将更改图表的数据,当数据被更改
$("#test").click(function(){
$(".c3-arc-data2").click();
});
但它不起作用
请参见fiddleJS中的示例:
分机:
我有一个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);
});
工作代码谢谢!这么好的回答。获得它的节点和触发器是一个好主意!