小编Jam*_*mie的帖子

Raphael JS Pie:向路径切片添加ID

我在Raphael谷歌小组看过这个问题,但在那里搜索了几个小时,还有谷歌,我似乎无法找到解决方案.

我只是希望能够使用jQuery定位我的饼图(svg路径)切片,但我无法弄清楚如何将自定义ID添加到路径标记 - 默认情况下没有ID属性:

<path fill="#764c29" stroke="none" d="M350,350L350.6911881148345,94.00093308961084A256,256,0,0,1,561.8463375189659,206.2741175716762Z" style="stroke-width: 1; stroke-linejoin: round;" stroke-width="1" stroke-linejoin="round"/>
Run Code Online (Sandbox Code Playgroud)

什么是理想的将是这样的:

<path **id="my_id"** fill="#764c29" stroke="none" d="M350,350L350.6911881148345,94.00093308961084A256,256,0,0,1,561.8463375189659,206.2741175716762Z" style="stroke-width: 1; stroke-linejoin: round;" stroke-width="1" stroke-linejoin="round"/>
Run Code Online (Sandbox Code Playgroud)

有谁知道如何实现这一目标?

这是我用来创建饼图的代码:

window.onload = function () {
var r = Raphael("holder");


var pie = r.g.piechart(350, 350, 256, [56, 104, 158, 23, 15, 6]);

pie.hover(function () {
    this.sector.stop();
    this.sector.animate({scale: [1.1, 1.1, this.cx, this.cy]}, 500, "bounce");

    }, function () {
        this.sector.animate({scale: [1, 1, this.cx, this.cy]}, 500, "bounce");
    });               
Run Code Online (Sandbox Code Playgroud)

};

基本上,我需要能够做到这一点的原因是,我可以创建一些单独的锚触发器来执行上面显示的缩放动画.

任何帮助非常感谢.

javascript jquery raphael pie-chart

3
推荐指数
1
解决办法
4551
查看次数

标签 统计

javascript ×1

jquery ×1

pie-chart ×1

raphael ×1