How to remove the price line in light-weight-chart?

Question

I have implemented tradingview's lightweight chart in my app, and the chart looks like this. There is a dotted horizontal line for the last price.

Is it possible to hide the horizontal line?

Answer 1

When creating the series, you can set the priceLineVisible option to false to disable that line.

const mainSeries = chart.addLineSeries({
    priceLineVisible: false,
});

Documentation: https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsCommon#pricelinevisible

Answer 2

For removing ltp dotted line in your chart you should set priceLineVisible to false in addAreaSeries.

 var areaSeries = chart.addAreaSeries({
  priceLineVisible: false,
  topColor: this.config.topColor,
  bottomColor: this.config.bottomColor,
  lineColor: this.config.lineColor,
  lineWidth: this.config.lineWidth,
});