如何给SVG元素分配ID？（用于RaphaelJS柱状图）

Question

如何在g.raphael柱状图中为raphaeljs的柱形分配id，并在之后访问它们

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]
                   }
        }

- Mujtaba Haider

Answer 1

尝试

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

bar是一个Raphael元素。它的[0]和node属性指向实际的DOM元素。

- Dennis

Answer 2

你可以试试这个

bar.data("id" : +i)

更多信息请参考：http://raphaeljs.com/reference.html#Element.data

- Jason Gennaro