触发C3.js中的事件

时间:2014-11-18 18:12:25

标签: javascript-events triggers click c3.js

我正在使用C3.js框架来创建图表。

请点击http://jsfiddle.net/Banzay/w1narm4u/3/,如果您点击了“数据”,那么请点击此处。链接蓝线将从图表中消失。

我想要实现的是当任何一个“点击我”时。单击元素我想要' dataOne'点击要触发的事件(因此蓝线将被隐藏)。

我试过了:

$('.clickme').click(function () {  
    $('.c3-legend-item-event').trigger('click');
})

谢谢,

优素福

1 个答案:

答案 0 :(得分:0)

html -

<div class="clickme" onclick="unloadBlue()">click me</div>

js -

function unloadBlue(){
    chart.unload({
        ids: 'dataOne'
    });
}

要重新加载数据,请在另一个函数

中使用它
chart.load({
    columns: [
        ['dataOne', 30, 200, 100, 400, 150, 250] 
    ]
});

这对我来说在JsFiddle中不起作用,但确实有效。 此外,你的结束div标签有/最后,应该在前面。

Here's the link to this example.