@DeBraid Могу ли я узнать, какой график d3 вы используете? если это была проблема рендеринга, пожалуйста, проверьте с браузером Firefox. \ Добавление изображения внутри объекта круга в d3 javascript?
Моя цель - добавить изображение в существующий круг с помощью d3. Круг будет визуализироваться и взаимодействует с методом наведения мыши, но только когда я использую «заливка», «цвет», а не что-то более сложное, например .append («изображение»).
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);
});
Изображение не отображается после наведения мыши. Используя приложение Ruby on Rails, где мое изображение "logo.jpeg" хранится в каталоге assets / images /. Любая помощь в том, чтобы мой логотип показывался внутри круга? Благодарю.