Forum Discussion

satishr's avatar
satishr
Helper III
8 years ago
Solved

Custom visual tooltip service not working

I'm writing a custom visual with some KPIs and a bar chart. I have created the bar chart by following the below article. https://tsmatz.wordpress.com/2016/09/27/power-bi-custom-visuals-programming/ ...
Need Help
  • v-viig's avatar
    v-viig
    8 years ago

    Thank you for sharing. We're going to look into the issue. 

     

    Ignat Vilesov,

    Software Engineer

     

    Microsoft Power BI Custom Visuals

    [email protected]

  • satishr's avatar
    satishr
    8 years ago

    v-viig Thanks for sharing the solution. Below were the changes done in my code.

    this.tooltipServiceWrapper.addTooltip(this.svg.selectAll('.bar'),
    (tooltipEvent: TooltipEventArgs<BarData>) => Visual.getTooltipData(tooltipEvent.data),
    (tooltipEvent: TooltipEventArgs<BarData>) => null);

    private static getTooltipData(data: BarData): VisualTooltipDataItem[] {
    return [{
    displayName: data.Date,
    value: `${data.Indicator}`,
    }];
    }
satishr's avatar
satishr
Helper III
8 years ago

Thanks v-viig. Added the line this.host = options.host; in the constructor. The error is gone now but the tool tip is still not working :( What else am I missing? I can send you the full code files if needed.

v-viig's avatar
v-viig
Community Champion
8 years ago

satishr yes, please share the full source code.

You might share the code here or send it to [email protected]

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

  • satishr's avatar
    satishr
    Helper III
    8 years ago

    Thanks, v-viig. I have sent a mail with subject "Need help making tool-tip work".

    • v-viig's avatar
      v-viig
      Community Champion
      8 years ago

      Thank you for sharing. We're going to look into the issue. 

       

      Ignat Vilesov,

      Software Engineer

       

      Microsoft Power BI Custom Visuals

      [email protected]

      • satishr's avatar
        satishr
        Helper III
        8 years ago

        v-viig Thanks for sharing the solution. Below were the changes done in my code.

        this.tooltipServiceWrapper.addTooltip(this.svg.selectAll('.bar'),
        (tooltipEvent: TooltipEventArgs<BarData>) => Visual.getTooltipData(tooltipEvent.data),
        (tooltipEvent: TooltipEventArgs<BarData>) => null);

        private static getTooltipData(data: BarData): VisualTooltipDataItem[] {
        return [{
        displayName: data.Date,
        value: `${data.Indicator}`,
        }];
        }