javascript - raphael.js 使用 .data() 方法传递参数

Question

我正在尝试在 raphael.js 上使用 .data 方法。

 var r = Raphael('diagram', width, width);
 [...]
 var z = r.path().attr({ arc: [value, color, rad], 'stroke-width': width/24 });
 z.data({"entry": entry});
 z.mouseover(function(){
            this.animate({ 'stroke-width': width/14, opacity: .75 }, 1000, 'elastic');
            if(Raphael.type != 'VML') //solves IE problem
            this.toFront();
            title.stop().animate({ opacity: 0 }, speed, '>', function(){
                this.attr({ text: this.data('entry').name + '\n' + this.data('entry').value + '%' }).animate({ opacity: 1 }, speed, '<');
            });

不幸的是，它不起作用。这是 raphael.js 中的错误，还是我的代码不正确？

请帮忙，谢谢。

如何将参数传递给 mouseover 方法？

http://jsfiddle.net/stefanszakal/St9Ky/

Answer 1

您正在使用 Raphael JS 1.5。.data()元素上的方法没有实现。

使用这个：//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js

小提琴很好用。