Context Menu component for Flexcharts (React)

Context Menu component for Flexcharts (React)

Posted by: igelfenbeyn on 19 October 2020, 10:34 am EST

• 

  igelfenbeyn

  • Post Options:
  • Link
    Copy

  Posted 19 October 2020, 10:34 am EST - Updated 3 October 2022, 3:23 pm EST

  Hello,
  
  I have multiple charts on my page and each chart is a separate component. I want to add a right-click context menu to each chart that will allow the user to export the chart to image/csv/pdf.
  
  The menu should be a component itself, so i can re-use it in multiple places.
  
  I found a good sample that is used for a grid - https://www.grapecity.com/wijmo/demos/Grid/ContextMenus/react

  I tried to convert is to use the chart but I am running into some issues the menu stays on the page and doesn’t disappear.

  I’d appreciate some help. Thank you!

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 20 October 2020, 8:11 am EST

  Hello,
  
  Please refer to the following demo sample showing the context menu for FlexChart. https://stackblitz.com/edit/react-7sm2dt?file=ContextMenu.js
  
  We have not modified the Menu options, you may modify them as per your need.
  
  Hope it will help!

  Regards,
  
  Manish Gupta