Tooltip render changes for custom line chart

[powerdav]

Greetings everyone,

i'm trying to achieve a goal to render tooltip value as a single value based on hover line, instead of all series of values as default in line chart.

After some research in order to get default line chart code, that is not possibile yet because what i found about it is that power bi core repository is not available anymore, i found power kpi 2.0.0 line chart repository as a best way to start with.

Following link: https://github.com/microsoft/PowerBI-visuals-PowerKPI.

After get working debugger, i tried to follow powerbi developer documentation (https://docs.microsoft.com/en-us/power-bi/developer/visuals/add-tooltips) and some tips like this post: https://community.powerbi.com/t5/Developer/Custom-line-chart-visual-tooltip/m-p/1387403

But after several attempts in order to understand what's going on and how to change it and my lack of knowledge about this framework, i still fail in what i want to achive.

How can i achive this tooltip visualization based on power kpi 2.0.0 code and possibly (but it is an extra) implement tooltip section field as standard line chart?

Or how can i found exaustive documentation/video that can help me and get this stuff a lot more easier?

Thank you in advance for help and time you will provide me 😀

Regards

[v-rzhou-msft · Accepted solution]

Hi @powerdav 

If you need to show a tooltip for dots you should render the dots first.

Please used d3.data method to bind data to each dot. Each data point must contain tooltip data that you want to show.

After that you need call addTooltip as you do in the code but the first argument must represent d3.selection for dots.

You can refer to Tooltip utils for tooltip customization in Power BI visuals.

Best Regards,

Rico Zhou

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly. 

[powerdav]

Thx @v-rzhou-msft for time and help. It definitly help to understand better the code behavior.

Is some code snippet that you know  about this case available on github repo that i can check?

Regards

David