How to append a hyperlink on d3 element on custom visual

[Anonymous]

Hi,

I need to insert a hyperlink on d3 element, e.g. when user click on the element, it will direct the browser to another page.  Is it doable?

I followed these 2 links but had no success.

https://community.powerbi.com/t5/Developer/Hyperlink-not-clickable-with-custom-visual/td-p/39446

https://github.com/Microsoft/PowerBI-visuals/blob/master/Tutorial/LaunchURL.md

Can anyone help please?

---------

my visual.ts code is simple, basically have a rect and need to get this rect clickable with the hyperlink.  Thanks!

[dm-p · Accepted solution]

Hi @Anonymous,

Because custom visuals are sandboxed, they prevent external links, as they can (potentially) inadvertently expose users to malicious intent. launchUrl is the supported way to do this - I see you've tried, but this is how I've got it working. 

If implemented correctly, then the user gets prompted that they are about to navigate away. I have something like this in the Violin Plot, e.g.:

Here's where I'm implementing in my code, if this helps you to clarify how it's being done.

Hope this helps,

Daniel