Display price scale both on left and right side

Describe the solution you’d like

chart.applyOptions({
    priceScale: {
        position: 'both'
    }
});

Additional context Might be nice to have option for price scale on both left and right position for a big/wide chart.

[SuperPenguin]

Given that 3.0 now has two scales this should be a tiny addition. Right now you can only specify left or right, why not allow it on both ?

At the moment, you can use 2 series with identic properties and data, but one of them is transparent color to achieve this. Here is the example

import {
  BusinessDay,
  createChart,
  isBusinessDay,
  LineData,
  LineStyle,
  PriceLineSource,
  TickMarkType,
  UTCTimestamp
} from "lightweight-charts";

function formatTime(utcTimestamp: UTCTimestamp): string {
  const dt = new Date(utcTimestamp * 1000);
  const hour = dt.getUTCHours() < 10 ? `0${dt.getUTCHours()}` : dt.getUTCHours().toString();
  const minute = dt.getUTCMinutes() < 10 ? `0${dt.getUTCMinutes()}` : dt.getUTCMinutes().toString();

  return `${hour}:${minute}`;
}

const chartRoot = document.getElementById("main-chart") as HTMLDivElement;
const chart = createChart(chartRoot, {
  width: 400,
  height: 300,
  timeScale: {
    tickMarkFormatter: (time: UTCTimestamp | BusinessDay, tickMarkType: TickMarkType, locale: string) => {
      if (isBusinessDay(time)) {
        return "";
      } else {
        return formatTime(time);
      }
    }
  },
  localization: {
    timeFormatter: (time: BusinessDay | UTCTimestamp) => {
      if (isBusinessDay(time)) {
        return "";
      } else {
        return formatTime(time);
      }
    }
  },
  leftPriceScale: {
    visible: true
  }
});

const lineLeft = chart.addLineSeries({
  priceScaleId: "left",
  color: "#FF000000", // Red Transparent
  lineStyle: LineStyle.Solid,
  lineWidth: 1,
  priceLineSource: PriceLineSource.LastVisible
});

const lineRight = chart.addLineSeries({
  color: "#FF0000", // Red
  lineStyle: LineStyle.Solid,
  lineWidth: 1,
  priceLineSource: PriceLineSource.LastVisible
});

const data: LineData[] = [];
const now = Math.round(Date.now() / 60000) * 60000;

for (let i = 1; i < 1000; i++) {
  const value = Math.sin((i * 10 * Math.PI) / 180);

  data.push({
    time: (now + i * 60) as UTCTimestamp,
    value: value
  });
}

lineLeft.setData(data);
lineRight.setData(data);

[timocov]

Ah, I see, we didn’t plan to add this feature though.