cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
player66 Frequent Visitor
Frequent Visitor

Custom svg import to custom visual

Hi, could anyone please show me the right way on how I can add a custom svg to visual.ts (for example interactive country map, just svg containing path for each region) and bind regions(svg paths) of this map to vanilla or custom barcharts. I have the svg file with a certain country map, which is divided to regions by paths and I want to import it to my custom visual. The behavior I want to achieve is like this: when user click on a certain svg map region, the barcharts change their view to appropriate region's data (for example show population, gdp etc.)

 

Thanks in advance!

2 REPLIES 2
Moderator v-viig
Moderator

Re: Custom svg import to custom visual

You can use jQuery to handle SVG and generate SVG DOM elements.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

skcary Regular Visitor
Regular Visitor

Re: Custom svg import to custom visual

I found this tutorial very helpful as I'm not very familiar with jQuery: https://blog.jongallant.com/2016/12/powerbi-custom-visual-svg-png/