1.0.2 • Published 3 years ago
react-tradingview-technical-analysis v1.0.2
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}
/>
...