Showing results for 
Search instead for 
Did you mean: 
Frequent Visitor

Tooltips not working

Dear PBI Community,


at the moment, we are facing a problem with the PBI Tooltips.

We followed these instructions, but cant get them to work:


Am I wrong, or are there some inconsistencies with the example code?


Here is our not working try on the instruction:


import "./../style/visual.less";

import powerbiVisualsApi from "powerbi-visuals-api";
import "regenerator-runtime/runtime";
import powerbi = powerbiVisualsApi;

type Selection<T1, T2 = T1> = d3.Selection<any, T1, any, T2>;

import IVisual = powerbi.extensibility.IVisual;
import IVisualHost = powerbi.extensibility.visual.IVisualHost;
import VisualUpdateOptions = powerbi.extensibility.visual.VisualUpdateOptions;
import VisualConstructorOptions = powerbi.extensibility.visual.VisualConstructorOptions;

import {createTooltipServiceWrapper, ITooltipServiceWrapper, TooltipEventArgs, TooltipEnabledDataPoint  } from "powerbi-visuals-utils-tooltiputils";

import * as d3 from "d3";

export class Visual implements IVisual {
    private tooltipServiceWrapper: ITooltipServiceWrapper;

    private host: IVisualHost;
    private svg: Selection<any>;

    constructor(options: VisualConstructorOptions) { =;
        this.svg =

    public update(options: VisualUpdateOptions) {
        this.svg.attr("width", options.viewport.width);

        this.svg.attr("height", options.viewport.height);

            .attr("fill", "green")
            .attr("width", "150")
            .attr("height", "150")
            .attr("x", 100)
            .attr("y", 100)
            .classed("visual", true)
                tooltipInfo: [{
                    displayName: "Power BI",
                    value: 2016


        this.tooltipServiceWrapper = createTooltipServiceWrapper(, this.svg.node() as Element); // tooltipService is from the IVisualHost.

            (tooltipEvent: TooltipEventArgs<TooltipEnabledDataPoint>) => {


Where is the problem with this code?


Thanks in advance!



Helpful resources

PBI Sept Update Carousel

Power BI September 2023 Update

Take a look at the September 2023 Power BI update to learn more.

Learn Live

Learn Live: Event Series

Join Microsoft Reactor and learn from developers.

Dashboard in a day with date

Exclusive opportunity for Women!

Join us for a free, hands-on Microsoft workshop led by women trainers for women where you will learn how to build a Dashboard in a Day!

MPPC 2023 PBI Carousel

Power Platform Conference-Power BI and Fabric Sessions

Join us Oct 1 - 6 in Las Vegas for the Microsoft Power Platform Conference.

Top Solution Authors
Top Kudoed Authors