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}
/>
...