Добавить onclick function в круговой диаграмме

Question

Мне нужно добавить график в мой проект, и я попробовал один свободный график (ссылка приведена ниже) Мне нужно добавить обработчик onclick в эту круговую диаграмму. Я думаю, что нужно добавить функцию OnClick внутри

snap.svg.js

(в пути тега) Я пробовал много, но не получил

http://www.jqueryscript.net/demo/Responsive-Pie-Chart-Plugin-wit-jQuery-Snap-SVG-Pizza

Answer 1

Вы можете использовать JQuery

Если вы хотите добавить событие щелчка срезу:

// this adds a click event to the first slice 
    $("path[data-id='s0']").click(function() { 
    alert('you clicked slice one'); 
    }); 

    // if you have multiple pie's you can be more specific 
    $("#svg svg path[data-id='s0']").click(function(){ 
    alert('you just clicked pie with id #svg'); 
    }); 

, если вы хотите, чтобы добавить событие щелчка на весь пирог:

$('#svg').click(function(e){ 
     alert('you just clicked the whole pie!'); 
    }); 

Answer 2

. onclick должен быть установлен как функция вместо строки. Попробуйте

elemm.onclick = function() {alert ('blah'); };

Answer 3

В вашем файле pizza.js вы можете добавить слушателя onclick после Snap.svg

pie : function (legend) { 
     // pie chart concept from JavaScript the 
     // Definitive Guide 6th edition by David Flanagan 
     ... 

     path.node.setAttribute('data-id', 's' + i); 

     //============= You could add your listener here 
     path.click(alert("My click function")); 
     //=============================================== 


     this.animate(path, cx, cy, settings); 

     // The next wedge begins where this one ends 
     start_angle = end_angle; 
     } 

    return [legend, svg.node]; 
}, 

Другой вариант - добавить новые события через события {} @ pizza.js