Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Scroll and zoom on react

i am unable to do scroll and zoom effect in react

<Plot
data={[{
x: this.state.xValues,
y: this.state.yValues,
type: ‘scatter’,
mode: ‘lines+markers’,
}
]}
layout={{
title: ‘A Fancy Plot’,
autosize: true,
annotations:annotations,
showlegend: false,

      }}


        scrollZoom={true}
        showLink={true}
        useResizeHandler={true}
        style={{
        width: "80%",
        height: "80%"
      }}
      />

scrollZoom is a config argument, so something like:

<Plot
data={[{
  x: this.state.xValues,
  y: this.state.yValues,
  type: ‘scatter’,
  mode: ‘lines+markers’,
}]}
layout={{
  title: ‘A Fancy Plot’,
  autosize: true,
  annotations:annotations,
  showlegend: false,
}}
config={{
  scrollZoom={true}
  showLink={true}
}}
useResizeHandler={true}
style={{
  width: "80%",
  height: "80%"
}}
/>

its hard to find things.
documentation is poor.
react developer can face problems while finding things because there is no documentation.

thanks it works :slight_smile: