- Example App:
cd example
npm install
npm start
npm i react-crypto-chart
yarn add react-crypto-chart
import TradeViewChart from 'react-crypto-chart';
<TradeViewChart pair="BTCBUSD" />;| 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',
}
|
- Justin K Xavier - Initial work - LinkedIn
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE.md file for details
😊Pull requests accepted with ❤️