Compare multiple series
This Multi-Series Comparison Example illustrates how an assortment of data
series can be integrated into a single chart for comparisons. Simply use the
charting API addSeries
to create multiple series.
If you would like an unique price scales for each individual series, particularly when dealing with data series with divergent value ranges, then take a look at the Two Price Scales Example.
How to use the code sample
// Lightweight Charts™ Example: Compare multiple series
// https://tradingview.github.io/lightweight-charts/tutorials/how_to/compare-multiple-series
const chartOptions = {
layout: {
textColor: 'black',
background: { type: 'solid', color: 'white' },
},
};
/** @type {import('lightweight-charts').IChartApi} */
const chart = createChart(document.getElementById('container'), chartOptions);
const lineSeriesOne = chart.addSeries(LineSeries, { color: '#2962FF' });
const lineSeriesTwo = chart.addSeries(LineSeries, { color: 'rgb(225, 87, 90)' });
const lineSeriesThree = chart.addSeries(LineSeries, { color: 'rgb(242, 142, 44)' });
const lineSeriesOneData = generateLineData();
const lineSeriesTwoData = generateLineData();
const lineSeriesThreeData = generateLineData();
lineSeriesOne.setData(lineSeriesOneData);
lineSeriesTwo.setData(lineSeriesTwoData);
lineSeriesThree.setData(lineSeriesThreeData);
chart.timeScale().fitContent();