### Example
- [Stackblitz example](https://stackblitz.com/edit/react-crypto-chart-jcogao)
## How To Install
```npm
npm i react-crypto-chart
```
#### yarn
```npm
yarn add react-crypto-chart
```
## Usage
```javascript
import TradeViewChart from '@dreygur/react-crypto-chart';
| Prop | Required | Type | Default Value |
|---|---|---|---|
| pair | No | String | BTCBUSD Please refer binance api for more pairs binance rest api |
| interval | No | String | 1m |
| candleStickConfig | No | Object Candlestick Config type |
{
upColor: "#00c176",
downColor: "#cf304a",
borderDownColor: "#cf304a",
borderUpColor: "#00c176",
wickDownColor: "#838ca1",
wickUpColor: "#838ca1",
}
|
| histogramConfig | No | Object Histogram Config type |
{
base: 0,
lineWidth: 2,
priceFormat: {
type: "volume",
},
overlay: true,
scaleMargins: {
top: 0.8,
bottom: 0,
},
}
|
| chartLayout | No | Object Chart Layout types |
{
layout: {
backgroundColor: "#ededed",
textColor: "#253248",
},
grid: {
vertLines: {
color: "#838fa3",
style: LineStyle.SparseDotted,
},
horzLines: {
color: "#838fa3",
style: LineStyle.SparseDotted,
},
},
crosshair: {
mode: CrosshairMode.Normal,
},
priceScale: {
borderColor: "#485c7b",
},
timeScale: {
borderColor: "#485c7b",
timeVisible: true,
secondsVisible: false,
},
}
|
| containerStyle | No | Object |
{
maxWidth: '100%',
maxHeight: '100vh',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}
|
| useFuturesTestnet | No | Boolean |
false |
| useSpotTestnet | No | Boolean |
false |