我在我的网站上创建了一个 C3js 圆环图,我在图表中分配了一个 onclick
函数,我也想有一个按钮来触发该函数,但是我想不出任何这样做的好方法。
我尝试创建一个按钮以触发如下函数,找到该元素并将其绑定(bind)到我的 .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);
});
工作代码here
关于javascript - c3.js圆环图onclick函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36490715/