我如何分配IDS到SVG元素？ （以raphaeljs條）

Question

我如何分配ID給raphaeljs在g.raphael條形圖酒吧和之後怎麼

var r = Raphael("holder", 600, 500); 
var data=[1,3,4,5]; 
var chart = r.g.barchart(30, 30, 350, 250, [data], {stacked: true, type: "soft"}); 
for (var i = 0; i < chart.bars[0].length; i++) { 
     var bar = chart.bars[0][i]; 
     if (bar.value >= 7) { 
       bar.attr("fill", "#bf2f2f"); 
       bar.attr("stroke", "#bf2f2f"); 
       bar.attr("id","id-"+i); //this doesn't work 
       bar.id="id-"+i;   //this also doesn't work 
       //applied as per raphaeljs documentatoion 
       //[http://raphaeljs.com/reference.html#Element.id][1] 
        } 
     } 

Answer 1

訪問它們嘗試

bar[0].id = "id-"+i; 
//or 
bar.node.id = "id-"+i; 

bar是拉斐爾元素。其[0]和node屬性point to the actual DOM element。

Answer 2

您可以在這裏嘗試這種

bar.data("id" : +i)

更多：http://raphaeljs.com/reference.html#Element.data