D3 - Как вызвать массив для всплывающей подсказки

Question

Я пытаюсь сделать так, чтобы имя каждого элемента отображалось во всплывающей подсказке при наведении курсора. Я уверен, что есть прямой ответ на этот вопрос, но я новичок в D3, поэтому я не уверен, что это такое.

Пример здесь: http://www.chloesilver.ca/favouritethings/object/

Вы можете видеть, что при наведении курсора, какой-то сумасшедший код показывает вверх, так что я, очевидно, сделал это неправильно.

В сценарии D3, я сделал это:

$('svg circle').tipsy({ 
     gravity: 'w', 
     html: true, 
     title: function() { 
      var o = colors.domain; 
      return o; 
     } 
     }); 

Где я пытаюсь вызвать определенную метку домена, который был указан ранее в коде. Я смог сделать это с помощью CSV, но липкий бит здесь заключается в том, что вся информация хранится внутри скрипта внутри документа HTML.

Answer 1

Удалить код подсказок и после строки 236: .call(force.drag) добавить следующее:

.on("mouseover", function(d) { 
    $(this).tipsy({ 
     gravity: 'w', 
     html: true, 
     title: function() { 
      return d.name; 
     } 
    }) 
}); 

Теперь вы должны увидеть имя каждого элемента в виде всплывающей подсказки.