Socket
Socket
Sign inDemoInstall

react-tradingview-widget

Package Overview
Dependencies
8
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-tradingview-widget

React component for rendering the TradingView Advanced Real-Time Chart Widget


Version published
Maintainers
1
Weekly downloads
1,335
decreased by-8.5%

Weekly downloads

Readme

Source

react-tradingview-widget

React component for rendering the TradingView Advanced Real-Time Chart Widget.

Install

yarn add react-tradingview-widget or npm install --save react-tradingview-widget

Usage

Basic example

import TradingViewWidget from 'react-tradingview-widget';

const App = () => (
  <TradingViewWidget symbol="NASDAQ:AAPL" />
);

All given props are passed on to the widget config. See this page for the TradingView Advanced Real-Time Chart API.

Advanced example

import TradingViewWidget, { Themes } from 'react-tradingview-widget';

const App = () => (
  <TradingViewWidget
    symbol="NASDAQ:AAPL"
    theme={Themes.DARK}
    locale="fr"
    autosize
  />
);

Constants and API differences

react-tradingview-widget exports constants for the following things:

  • Interval types: IntervalTypes.D and IntervalTypes.W
  • Range types (for the range prop): RangeTypes.YTD and RangeTypes.ALL
  • Themes: Themes.LIGHT and Themes.DARK
  • BarStyles:
    • BarStyles.BARS
    • BarStyles.CANDLES
    • BarStyles.HOLLOW_CANDLES
    • BarStyles.HEIKIN_ASHI
    • BarStyles.LINE
    • BarStyles.AREA
    • BarStyles.RENKO
    • BarStyles.LINE_BREAK
    • BarStyles.KAGI
    • BarStyles.POINT_AND_FIGURE

You don't have to use these constants.

react-tradingview-widget also makes it possible to use numbers for interval, popup_width and popup_height instead of strings, but this is not required.

Keywords

FAQs

Last updated on 26 Jul 2019

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc