anychart - Anychart，如何将事件侦听器添加到甜甜圈段？

Question

任何知道如何将事件侦听器添加到在 Anychart 的舞台上绘制的甜甜圈段的人？

我尝试了以下代码，但它不起作用（请参阅 jsfiddle）。

stage = acgraph.create("container");
donut = acgraph.vector.primitives.donut(stage,200,200,50,100, 0, 60);   

donut.listen("click",function() 
{
alert("Clicked!")   
}); 

https://jsfiddle.net/ncacampo/3a7hvbmt/

Answer 1

要将事件侦听器添加到甜甜圈段，我们必须将此甜甜圈放在一个层上，并将侦听器准确地添加到该层。

stage = acgraph.create("container");

var layer = stage.layer();

//now the fill of donut is absolutely transparent, but the color is black
layer.donut(200,200,50,100, 0, 60).fill("#fff", 0);

layer.listen('click', function() {
alert('Clicked!');
});

fill()设置在这里也很重要。如果没有fill()方法，侦听器只会对单击甜甜圈的轮廓做出反应。Fill()在段内提供点击反应。您可以设置任何颜色和不透明度（从 0 到 1）。

jsFiddle 示例