Voronoi Tessellation] Узнайте, в какой точке я ссылаюсь

Question

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

Что мне нужно, чтобы отображать значение температуры датчика (точки), на которое я ссылаюсь (область, где я наводил указатель мыши), когда мышь наводила область.

https://github.com/mbostock/d3/wiki/Voronoi-Geom

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

Кто-нибудь пробовал это раньше? Есть ли хорошие примеры?

Answer 1

Если я понимаю ваш вопрос, вы хотите отобразить текст в точке вершин, когда пользователь переходит в раздел voronoi?

Вы можете сделать это путем обработки MouseEnter/оставить события каждого пути:

path.enter().append("path") 
.attr("class", function(d, i) { 
    return "q" + (i % 9) + "-9"; 
}) 
.attr("d", polygon) 
.on("mouseenter", function(d,i){ 
    if (!someTexts[i]) { // get some fake value 
    someTexts[i] = (Math.random()*100).toFixed(1); 
    } 
    // append text 
    currentText = svg.append("text") 
    .text(someTexts[i]) 
    .attr("transform","translate(" + vertices[i] + ")") 
    .attr("text-anchor","middle") 
    .attr("alignment-baseline", "middle"); 
}) 
.on("mouseleave", function(d,i){ 
    // remove text 
    currentText.remove(); 
}); 

Пример here.