Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
HammadAhmed
New Member

Unable to append an image to d3 svg element

I am working on a power bi custom visual using d3 and typescript. I have declared my constructor as below:

constructor(options: VisualConstructorOptions) {
    this.host = options.host;

    // Declare the svg property
    this.svg = d3
      .select(options.element)
      .append("svg")
      .classed(Visual.ClassName, true);

    // Append the image to the treeContainer
 
    d3.select(options.element)
    .append("image")
    .attr("xlink:href", imageUrl)
    .attr("x", 0)
    .attr("y", 0)
    .attr("widht", 50)
    .attr("height", 50);
  }

Or tried another method:
constructor(options: VisualConstructorOptions) {
    this.host = options.host;

    // Declare the svg property
    this.svg = d3
      .select(options.element)
      .append("svg")
      .classed(Visual.ClassName, true);

    // Append the image to the treeContainer
 
    this.svg
    .append("svg:image")
    .attr("xlink:href", imageUrl)
    .attr("x", 0)
    .attr("y", 0)
    .attr("widht", 50)
    .attr("height", 50);
  }

None of them works, here what I get:
HammadAhmed_0-1683816099952.png


What might be the possible error. Is there a solution to it?

Thanks in advance.

0 REPLIES 0

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.

Top Solution Authors
Top Kudoed Authors