Forum Discussion

jazfunk's avatar
jazfunk
Frequent Visitor
5 years ago

Add context menu to modified bulletchart visual

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.

2 Replies