Toggle Pan/Zoom in react

• September 12, 2019 at 9:05 pm #26765
  
  offwhite

  Hello there,

  I have a react app with a CanvasJs chart and I would like to switch between pan and zoom using a react component rather than the default ui menu.

  I was previously using the dirty little hack:

  $('.canvasjs-chart-toolbar button:eq(0)').click();

  because I don’t think you expose the required method to toggle the chart interaction state.

  So What’s the best way to trigger this from a react app? still trigger a click event?

  September 12, 2019 at 9:43 pm #26766
  
  offwhite

  resorting to document.querySelectorAll('.canvasjs-chart-toolbar button')[0].click()

  but would prefer to trigger the event directly if possible.

  September 13, 2019 at 6:56 pm #26772
  
  Vishwas R

  @offwhtie,

  Sorry, it’s not possible to switch to pan mode by default as of now. However you can perform a click programmatically to achieve – as you have mentioned. Please take a look at this JSFiddle.

  —
  Vishwas R
  Team CanvasJS