Tag: graphael

jquery特定属性的动画

所以我正在使用gRaphael创建一些图表。 这将创建一个很酷的条形图线，其中包含一些点。 这些点具有……节点，其中x = 10 y = 20作为其属性。 例 rect x =“135.8”y =“115.8”width =“8.399999999999999”height =“8.399999999999999”r =“0”rx =“0”ry =“0”fill =“＃ff0000”stroke =“none” 如果可能的话，我想用jquery为这个人制作动画。 如果我这样做的话 $（ “矩形”）。点击（函数（{ $（本）.animate（{ ‘X’：30 }）; }）; 为了给x coordenate制作动画，我觉得它不起作用的原因很明显？ 呵呵。 此外，我已经尝试将属性x设置为变量并尝试设置动画，而不是任何动画。 任何人都可以用gRaphael帮助我制作动画和svg吗？ 这例如有效 $（“rect”）。live（’click’，function（）{$（this）.attr（’x’，100）;}）; 它移动节点，但当然不会动画它 谢谢！

如何将jquery click事件添加到gRaphael图形？

我用g.Raphael制作了一张图表： $(function(){ var r = Raphael(“pieChart”), pie = r.piechart(320, 240, 100, [55, 20, 13, 32, 5, 1, 2, 10]); r.text(320, 100, “Interactive Pie Chart”).attr({ font: “20px sans-serif” }); $(pie.sector).click(function(){ alert(‘hi’);//not work! }) }) 后来我将click事件添加到了pie.sector，但我的事件不起作用…任何人都知道使用jQuery处理gRaphael的正确方法吗？

如何避免Rapahel js路径的重叠

我有一个基于Raphael js的流程图。 它与http://raphaeljs.com/graffle.html相同。 然而，因为我有许多矩形拉斐尔盒子，我的线路是直线而不是弯曲，如上例所示。 在这种直线类型中，这些线有时会重叠，因此很难分辨哪一条线连接哪些盒子。 如果我能做到这一点以及如何实现，请告诉我。 更新：附加我当前的流程图jpeg。 正如你所看到的那样，连接线穿过拉斐尔的形状，而且很难分辨线的起点。