const chartOptions = {
width: 600,
height: 300,
layout: {
background: { type: 'solid', color: '#40444F' },
textColor: '#d1d4dc',
},
grid: {
vertLines: {
visible: false,
},
horzLines: {
color: 'rgba(42, 46, 57, 0.5)',
},
},
rightPriceScale: {
borderVisible: false,
},
timeScale: {
borderVisible: false,
},
crosshair: {
horzLine: {
visible: false,
},
},
};
const chart = LightweightCharts.createChart(document.getElementById('chart_lightweight'), chartOptions);
const areaSeries = chart.addAreaSeries({
topColor: '#7CE0D6',
bottomColor: 'rgba(124, 224, 214, 0)',
lineColor: '#7CE0D6',
lineWidth: 3
});
areaSeries.setData([ ... ]);
.