Запуск события в C3.js

Question

Я использую фреймворк C3.js для создания диаграммы.

Пожалуйста, посмотрите на http://jsfiddle.net/Banzay/w1narm4u/3/, где, если вы нажмете ссылку «dataOne», синяя линия исчезнет с графика.

Что я хочу достичь, когда щелкнули какие-либо элементы «click me». Я хочу, чтобы событие clickOne было запущено (так что синяя линия будет скрыта).

Я попытался:

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

Спасибо,

Юсеф

Answer 1

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.