Forum Discussion
Custom visual tool-tips for line chart
I'm creating a custom visual which has a line chart with multiple lines. How to create the tool-tip similar to power bi native line chart? I have created simple tool-tips for bar charts but couldn't create one for a line chart. Also, the tool-tips doesn't seem to work if the bars in the bar chart is overlapping (bar-in-bar chart). I can share my code if required.
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.
Ignat Vilesov,
Software Engineer
Microsoft Power BI Custom Visuals
4 Replies
We don't have any sample custom visual that implements tooltip for line chart.
It seams you should detect cursor position and get data that is related to mouse position. After that, you should send data to Tooltip API.
Ignat Vilesov,
Software Engineer
Microsoft Power BI Custom Visuals
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.
Ignat Vilesov,
Software Engineer
Microsoft Power BI Custom Visuals
