react-tradingview-technical-analysis

React component for rendering the https://www.tradingview.com/widget/technical-analysis/

Using the components

1) From the command line inside of your project:

npm install --save react-tradingview-technical-analysis

2) Import the component to your project

import TechnicalAnalysis from 'react-tradingview-technical-analysis';

3) Use as if it was any other component

<TechnicalAnalysis
	symbol={'ETH'} 
/>

Props

Name	Type	Default Value	Values
autoSize	bool	false	true, false
colorTheme	enum	light	light, dark
containerId	string	tradingview-widget-container	Any Container Id
height	number	450	Any Number
interval	enum	1m	1m, 5m, 15m, 1h, 4h, 1W, 1M
isTransparent	bool	false	true, false
locale	string	en	Any Locale Code
showIntervalTabs	bool	true	true, false
symbol	string	Required Prop	Any Symbol
width	number	425	Any Number

Exmaples:

Example with props:

import TechnicalAnalysis from 'react-tradingview-technical-analysis';

render() {
...
<TechnicalAnalysis
	symbol={'ETH'} 
    interval={TechnicalAnalysis.THEMES.ONE_HOUR}
    autoSize={true}
/>
...

import TechnicalAnalysis from 'react-tradingview-technical-analysis';

render() {
...
<TechnicalAnalysis
	symbol={'ETH'} 
    colorTheme ={TechnicalAnalysis.THEMES.DARK}
/>
...

Example with exported constants:

import TechnicalAnalysis, { THEMES, INTERVALS} from 'react-tradingview-technical-analysis';

render() {
...
<TechnicalAnalysis
	symbol={'ETH'} 
    colorTheme ={THEMES.DARK}
    interval={INTERVALS.ONE_WEEK}
/>
...