@DeBraid Czy mogę wiedzieć, którego wykresu d3 używasz? jeśli był to problem z renderowaniem, sprawdź w przeglądarce Firefox. \ Dodawanie obrazu w obiekcie okręgu w d3 javascript?
Moim celem jest dodanie obrazu do istniejącego okręgu za pomocą d3. Koło będzie renderować i jest interaktywne metodą myszy, ale tylko wtedy, gdy użyję „wypełnienia”, „koloru”, a nie czegoś bardziej wyrafinowanego, jak .append („obraz”).
g.append("circle")
.attr("class", "logo")
.attr("cx", 700)
.attr("cy", 300)
.attr("r", 10)
.attr("fill", "black") // this code works OK
.attr("stroke", "white") // displays small black dot
.attr("stroke-width", 0.25)
.on("mouseover", function(){ // when I use .style("fill", "red") here, it works
d3.select(this)
.append("svg:image")
.attr("xlink:href", "/assets/images/logo.jpeg")
.attr("cx", 700)
.attr("cy", 300)
.attr("height", 10)
.attr("width", 10);
});
Obraz nie jest wyświetlany po najechaniu myszką. Używając aplikacji Ruby on Rails, gdzie mój obrazek „logo.jpeg” jest przechowywany w katalogu assets / images /. Jakaś pomoc w wyświetlaniu mojego logo w kręgu? Dzięki.