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