JSFiddle - React, Tailwind, and code Playground

by Milad Ganjali

HTML

<div id='chart'>

</div>

JavaScript

fetch('https://api.huobi.pro/market/history/kline?period=1min&symbol=btcusdt')
            .then(res => res.json())
            .then(data => {

                const cdata = data.data.map(d => {
                    return {
                        time: d.id,
                        open: d.open,
                        high: d.high,
                        low: d.low,
                        close: d.close
                    }
                });
                
                console.log(cdata);
               
               const chart = LightweightCharts.createChart(document.getElementById('chart'), { width: 400, height: 300 });
               
               
							const candle = chart.addCandlestickSeries();

             candle.setData(cdata);
               
            })
            .catch(err => console.error(err))