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

The ultimate Microsoft Fabric, Power BI, Azure AI & SQL learning event! Join us in Las Vegas from March 26-28, 2024. Use code MSCUST for a $100 discount. Register Now

Reply
Markus_P
Regular Visitor

D3 Symbol not rendering

Hello

 

I am not able to get a Symbol rendered. Text and lines are working fine. Now I am wonder what I am doing wrong.

 

Text I am showing with:

 

 

his.textPY = this.container.append("text")
            .classed("textPY", true);

 

 

this.textPY

        .text("PY")

        .attr("x", "2%")

        .attr("y", "94%")

        .attr("text-anchor", "begin")

        .style("font-size", fontSizeDiff + "px")

        .style("fill", "black")

        .attr("font-family", "Arial")

        .attr("font-weight", 250);

 

 

The Symbol I am trying with:

 

      this.Arrow1 = this.container.append("symbol")

            .classed("Arrow1", true);

 

 

var sym = d3.symbol().type(d3.symbolCross).size(500);

this.Arrow1
.append("path")
        .attr("d", sym)
        .attr("fill", "green")
        .attr("transform", "translate(50,50)");

 

 

But nothing is showing up.

Has anyone an idea?

 

Thanks

0 REPLIES 0

Helpful resources

Announcements
Fabric Community Conference

Microsoft Fabric Community Conference

Join us at our first-ever Microsoft Fabric Community Conference, March 26-28, 2024 in Las Vegas with 100+ sessions by community experts and Microsoft engineering.

February 2024 Update Carousel

Power BI Monthly Update - February 2024

Check out the February 2024 Power BI update to learn about new features.

Fabric Career Hub

Microsoft Fabric Career Hub

Explore career paths and learn resources in Fabric.