TradingView Lightweight Charts add pane

Question

I want to add multiple panes to my TV-Lightweight Chart, but I can't make it work.

There is this SO question: LightWeightChart: How can i add chart which look like this way?

which leads to this github issue https://github.com/tradingview/lightweight-charts/issues/50

in the hidden comments, there is a custom solution https://jsfiddle.net/adrianntf/6qea5ytv/ but I can't make it work. (I don't know what to do with the provided code, I tried to copy it, removed/replaced the chart creation at the end of the file with mine, but the chart doesn't show up while there are no errors and the chart object get initialized)

However, then there is this guy https://www.youtube.com/watch?v=NlHjhmIe1EI&t=424s who tells at 16:50 that one can add a pane by simply doing something like this:

const chart = LightweightCharts.createChart(domElement, {pane: 0});
const seriesOnNewPane = chart.addLineSeries({pane: 1});

He uses, just as me, the official lightweight-charts package:

<script
        type="text/javascript"
        src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js">
</script>

But it's not working, it ignores the pane kwargs and plots it on the main chart, not unlike in his video, where it adds a pane..

Does someone know how to make this work?

Answer 1

Multiple panes is not currently supported on the latest version of Lightweight Charts. We are looking into some API additions which will make this type of use-case possible in the future.

We do have an example of showing two different series on the same plot using margins to ensure that they can be separated visually: https://tradingview.github.io/lightweight-charts/tutorials/how_to/price-and-volume

Related questions and answers:

• https://stackoverflow.com/a/73209722/1934064
• https://github.com/tradingview/lightweight-charts/issues/1163#issuecomment-1243040935

Answer 2

The youtuber is not using the official Lightweight Charts release. He is using a fork which has implemented support of multiple panes. He also talks about this in the end of the video.

You need to use the same version as in the jsfiddle. I am using it and it works for me