[英]Add onclick function in pie chart
我需要在我的项目中添加一个图形,我尝试了一个自由图形(链接如下)我需要在该饼图上添加一个onclick处理程序。 我认为需要在里面添加onclick功能
snap.svg.js
(在路径标签中)我尝试了很多,但没有得到
http://www.jqueryscript.net/demo/Responsive-Pie-Chart-Plugin-wit-jQuery-Snap-SVG-Pizza
.onclick应该设置为函数而不是字符串。 尝试
elemm.onclick = function(){alert('blah'); };
你可以使用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');
});
如果要将click事件添加到整个饼图:
$('#svg').click(function(e){
alert('you just clicked the whole pie!');
});
在您的pizza.js文件中,您可以在Snap.svg之后添加一个onclick监听器
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添加新事件
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.