Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
Hi,
I am trying to add tooltip support to my custom visual. Following this guide. Using "SampleBarchart" as a starting point.
From the guide: "interface for coordinates of selected points must be expanded by another TooltipEnabledDataPoint interface and add tooltipInfo attribute to each item of dataPoints array"
Is this what was meant?
export interface TooltipDataItem {
displayName: string;
value: string;
}
interface BarChartDataPoint {
...
tooltipInfo: TooltipDataItem[];
};
"Then call TooltipManager.addTooltip method in your chart render function"
Thried this:
let bars = this.barContainer.selectAll('.bar').data(viewModel.dataPoints);
...
TooltipManager.addTooltip(bars, (tooltipEvent: TooltipEvent) => {
return tooltipEvent.data.tooltip;
}, true);
Looks like I have TooltipManager reference missing:
Cannot find name 'TooltipManager'. Cannot find name 'TooltipEvent'.
Did anyone successfully implement custom Visual tooltips when using pbiviz tool?
Solved! Go to Solution.
Thanks!
Check out the November 2025 Power BI update to learn about new features.
Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!
| User | Count |
|---|---|
| 4 | |
| 2 | |
| 2 | |
| 1 | |
| 1 |
| User | Count |
|---|---|
| 10 | |
| 10 | |
| 4 | |
| 3 | |
| 3 |