@DeBraid, ¿puedo saber qué gráfico d3 está usando? Si fue el problema de renderizar, por favor verifique con el navegador Firefox. \ ¿Agregando una imagen dentro de un objeto de círculo en d3 javascript?
Mi objetivo es agregar una imagen en un círculo existente con d3. El círculo se procesará y es interactivo con el método de mouseover, pero solo cuando uso "relleno", "color" y no algo más sofisticado como .append ("imagen").
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);
});
La imagen no se muestra después de pasar el mouse por encima. Usando la aplicación Ruby on Rails, donde mi imagen "logo.jpeg" se almacena en el directorio de activos / imágenes /. ¿Alguna ayuda para que mi logo aparezca dentro del círculo? Gracias.