Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.
Hi all,
I've succesfully created a custom line chart visual. Now I want it to have the same tooltip functionality as the default line chart. But I've ran into two issues:
Solved! Go to Solution.
Hi @humppa123,
For a line (and presuming your data points are bound to the individual points in your line function), you need to resolve the mouse position and work out the nearest data point to supply to the tooltip handler.
For the vertical line, you need to draw it in the DOM, spanning the entirety of the value axis and keep it hidden until you resolve the point above. When you have this, you move the line to the resolved data point's position and then show it. You might want a similar approach for any series in your visual (in mine I've done this with a circle and move this to the same horizontal position as my line when using the mouse).
I've done something similar to the core line chart in one of my visuals - if you start with bindTooltipEvents(), you can follow the code to the other function calls. The most relevant is getHighlightedDataPoints() , which handles the resolution of data points, depending on whether you're using a linear or categorical axis.
Hopefully this should help you get started. Good luck!
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Hi @humppa123,
For a line (and presuming your data points are bound to the individual points in your line function), you need to resolve the mouse position and work out the nearest data point to supply to the tooltip handler.
For the vertical line, you need to draw it in the DOM, spanning the entirety of the value axis and keep it hidden until you resolve the point above. When you have this, you move the line to the resolved data point's position and then show it. You might want a similar approach for any series in your visual (in mine I've done this with a circle and move this to the same horizontal position as my line when using the mouse).
I've done something similar to the core line chart in one of my visuals - if you start with bindTooltipEvents(), you can follow the code to the other function calls. The most relevant is getHighlightedDataPoints() , which handles the resolution of data points, depending on whether you're using a linear or categorical axis.
Hopefully this should help you get started. Good luck!
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City
Check out the April 2024 Power BI update to learn about new features.
User | Count |
---|---|
13 | |
2 | |
2 | |
1 | |
1 |
User | Count |
---|---|
20 | |
3 | |
2 | |
2 | |
2 |