Generating TradingView plot

[gganapat]

Hi!

I would some generic advise and also specific one related to implementing and plotting from TradingView (https://github.com/tradingview/lightweight-charts)
I started off by installing npm install --save lightweight-charts

And then with this code

<div id='container'></div>

import { createChart } from 'lightweight-charts';

const chartOptions = { layout: { textColor: 'black', background: { type: 'solid', color: 'white' } } };
const chart = createChart(document.getElementById('container'), chartOptions);
const areaSeries = chart.addAreaSeries({
    lineColor: '#2962FF', topColor: '#2962FF',
    bottomColor: 'rgba(41, 98, 255, 0.28)',
});
areaSeries.setData([
    { time: '2018-12-22', value: 32.51 },
    { time: '2018-12-23', value: 31.11 },
    { time: '2018-12-24', value: 27.02 },
    { time: '2018-12-25', value: 27.32 },
    { time: '2018-12-26', value: 25.17 },
    { time: '2018-12-27', value: 28.89 },
    { time: '2018-12-28', value: 25.46 },
    { time: '2018-12-29', value: 23.92 },
    { time: '2018-12-30', value: 22.68 },
    { time: '2018-12-31', value: 22.67 },
]);

chart.timeScale().fitContent();
display(chart)

`

Nothing actually gets plotted. But display(chart) gives

which tells me lightweight-charts being loaded and used. I did have <div id='container'></div> upfront, so I would have guessed the plot would be rendered correctly? Any thoughts/suggestions?

Thanks!
Gani --

[gganapat]

Never mind. Modifying <div id='container'></div> to <div id='container' style="width: 600px; height: 400px;"></div> did the trick!

[gganapat]