D3.JS tooltip in Power BI Desktop

[Anonymous]

Dear, Everyone

I am new with D3.JS. I want to implement tooltip in D3.js code, it not works in power BI.But in web HTML file it works fine.

like below:

this is my file power BI customize :

https://www.dropbox.com/s/e8jcsteot6bve0o/d3jsvisual.1.1.0.0.pbix?dl=0

Any suggestion on this?
Thank you in Advacne for your help.

[Anonymous · Accepted solution]

@amitchandak thank for your reply.But your link sent to me(https://www.mssqltips.com/sqlservertip/5273/how-to-render-d3js-custom-charts-in-power-bi-desktop/).I followed it, but it not show how to implement Tooltip in Power BI.

Any other suggestion for me.
Thank in advance for your sharing your knowledge.

[v-eachen-msft]

Hi @Anonymous ,

D3.js is a custom visual, you could contact with the author here:

https://azurebi-docs.jppp.org/powerbi-visuals/d3js.html?tabs=docs%2Cdocs-open

[mossshvlw]

Im having the same issue.  Could you provide the code you used to get the tooltips to work?

[amitchandak]

@Anonymous , refer if these can help

https://www.mssqltips.com/sqlservertip/5273/how-to-render-d3js-custom-charts-in-power-bi-desktop/

https://www.youtube.com/watch?v=nDXm14lSfso

[Anonymous · Accepted solution]

@amitchandak thank for your reply.But your link sent to me(https://www.mssqltips.com/sqlservertip/5273/how-to-render-d3js-custom-charts-in-power-bi-desktop/).I followed it, but it not show how to implement Tooltip in Power BI.

Any other suggestion for me.
Thank in advance for your sharing your knowledge.

[Anonymous · Accepted solution]

My Solution I just play arround with .attr("x", (d3.event.pageX) +"px").attr("y",(d3.event.pageY -28) +"px");
now it works what i need.