D3 добавить изображение с расширением svg

Я пытаюсь добавить изображение svg с расширением '.svg' к моей диаграмме (другое изображение svg, созданное с помощью d3).

Это код:

d3.select("#chart1 svg")
  .append("svg:image")
  .attr("xlink:href", "img/icons/sun.svg")
  .attr("width", 40)
  .attr("height", 40)
  .attr("x", 228)
  .attr("y",53);

Как вы можете видеть, я устанавливаю атрибут "xlink: href", но d3 изменяет это на href в браузере:

<image href="img/icons/sun.svg" width="40" height="40" x="228" y="53"></image>

На самом деле, этот код работает отлично, если я использую расширение png. Любая идея?

Ответы

Ответ 1

Код должен работать как есть - здесь вы можете увидеть пример прикрепления файла .svg к d3:

http://jsfiddle.net/am8ZB/

Не забывайте, что возможно, что фотография на самом деле есть, но вы просто не можете ее увидеть - вы должны просмотреть страницу с помощью инструментов разработчика браузера, чтобы увидеть, было ли изображение помещено вне области просмотра (например, из-за ваших значений x/y).

Дополнительная информация о #chart1 поможет в этом случае.