topic Re: Add context menu to modified bulletchart visual in Developer

Add context menu to modified bulletchart visual

jazfunk — Thu, 01 Apr 2021 13:52:53 GMT

I've successfully modified the MS BulletChart visual to achieve seven bands, instead of four, and some other items. Now, I want to add context menu support (right-click) and I'm having the hardest time implementing this.

After following the documentation I'm getting errors on the "eventTarget" portion of this:

this.svg.on('contextmenu', () => { const mouseEvent: MouseEvent = d3.event as MouseEvent; const eventTarget: EventTarget = mouseEvent.target; let dataPoint = d3.select(eventTarget).datum(); this.selectionManager.showContextMenu(dataPoint? dataPoint.selectionId : {}, { x: mouseEvent.clientX, y: mouseEvent.clientY }); mouseEvent.preventDefault(); });

This bullet chart is so complex, that nothing seems to match up with any documentation I'm seeing. I'm surprised this visual didn't already come equipped to handle a context menu. The drill-down roles support is listed in the capabilities.json.

Looking for some guidance on how to get this accomplished.

Re: Add context menu to modified bulletchart visual

v-lionel-msft — Mon, 05 Apr 2021 05:34:09 GMT

Hi @jazfunk ,

Add context menu to Power BI Visual in Power BI embedded analytics for better embedded BI insights - Power BI | Microsoft Docs

Maybe you can refer to the link.

Best regards,
Lionel Chen

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Re: Add context menu to modified bulletchart visual

jazfunk — Mon, 05 Apr 2021 13:07:12 GMT

@v-lionel-msft thank you for your input, however, this is the same link I posted in my question, and the one in which I used to attempt to implement this feature. This produces errors, as written. The error states that "no overload matches this call".

Again, thanks for the input.