svg - Raphael が id 属性も data 属性も追加していない

Question

ドキュメントのサンプルコードと「無料アイコン」スクリプトを見ると、これがどのように機能していないのかがわからないため、誰かが答えを持っていることを願っています.

私の問題は、ビーニー (帽子) を作成しようとしていることです。このビーニーは、次のように「ビーニー」という名前の変数に保存したさまざまなセクションで構成されています。

beanie = {
  section1: "PATH CO-ORDINATES",
  section2: "PATH CO-ORDINATES",
  section3: "PATH CO-ORDINATES"
};

基本的には、前述の「無料アイコン」の作成方法と同じです。次に、すべてのセクションをループし、次のように紙にそれぞれ作成しました。

for (var section in beanie) {
  activeSection = beanieWindow.path(beanie[section]).attr({
    'fill': '#ffffff',
    'stroke': 'none'
  })
  .data('section', beanie[section])
  .click(function () {
    makeActiveSection(this);
  })
  .hover(
    function () {
      this.attr('stroke', 'red');
    },
    function () {
      this.attr('stroke', 'none');
    }
  );
}

これはすべて素晴らしく機能しますが、パスを調べると、データセクション属性が追加されていません.データを割り当てた後、ニールがラファエルに関する回答で言及している「id」属性でさえありません。 id は Raphael によって提供されます。

明らかな何かが欠けているかどうかはわかりませんが、そうであれば、それを見ることができません:-/

どんな助けでも大歓迎です！

前もってありがとう、マット