@DeBraid posso saber qual gráfico d3 você está usando? se foi o problema de renderização, por favor, verifique com o navegador firefox. \ Adicionando uma imagem dentro de um objeto de círculo em d3 javascript?

Meu objetivo é adicionar uma imagem a um círculo existente com d3. O círculo será renderizado e será interativo com o método mouseover, mas somente quando eu usar "fill", "color" e não algo mais sofisticado como .append ("image").

      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);
         });

A imagem não aparece depois que eu passo o mouse. Usando o aplicativo Ruby on Rails, onde minha imagem "logo.jpeg" é armazenada no diretório assets / images /. Qualquer ajuda para obter meu logotipo para mostrar dentro do círculo? Obrigado.

questionAnswers(2)

yourAnswerToTheQuestion