Skip to content

Parabolic SAR Example

Add Parabolic SAR as a price overlay.

Code

tsx
import 'react-candlesticks/style.css';
import {
  Candlesticks,
  Chart,
  Panel,
  ParabolicSAR,
  exampleData,
} from 'react-candlesticks';

export default function App() {
  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <Chart data={exampleData} granularity="d1" theme="dark">
        <Panel heightRatio={3}>
          <Candlesticks />
          <ParabolicSAR start={0.02} increment={0.02} maxValue={0.2} />
        </Panel>
      </Chart>
    </div>
  );
}

React Candlesticks is available on npm and GitHub under the MIT License.