Tradingview widget add price line

user_2991954 0
Viewed 1584

How to create custom price line in the tradingview widget? Example; as in the picture below.

i used vue3js and electronjs. My widget code;

window.tradingView = new window.TradingView.widget({
            autosize: true,
            symbol: 'BINANCE:' + this.symbolData.symbol,
            interval: '15',
            timezone: this.local,
            theme: 'light',
            style: '1',
            locale: 'tr',
            toolbar_bg: '#f1f3f6',
            enable_publishing: false,
            save_image: false,
            container_id: this.id,
        });
tradingview-api price vuejs3
1 Answers

You can use the Trading View Online Configurator to conveniently configure the chart to your needs.

For example using the following configuration you get the price line with OHLC information (in Turkish AYDK)

EDIT (after comment): This response assumed the question is about the line with OHLC information. As pointed out by the author in the comment, this is not the case. If OP asked for the horizontal line within the chart, I am afraid this is not officially supported within the JS widget.

From FAQ on TradeView Widget:

I'd like to add a custom pine script to the widget.

It is not possible to add pine scripts to widgets at this time. > > You can publish an idea with your script and embed it.

There might be an unofficial (undocumented) way do it, but I would strongly suggest against relying on it. As always with undocumented features they might stop working at any time. If that is an acceptable risk there are some more ways in addition to SO to contact people that might know about such an option.

Settings

enter image description here

Code

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div id="tradingview_3a5dc"></div>
  <div class="tradingview-widget-copyright">TradingView'den <a href="https://tr.tradingview.com/symbols/SHIBUSDT/?exchange=BINANCE" rel="noopener" target="_blank"><span class="blue-text">SHIBUSDT Grafiği</span></a></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "autosize": true,
  "symbol": "BINANCE:SHIBUSDT",
  "interval": "15",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "1",
  "locale": "tr",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "save_image": false,
  "container_id": "tradingview_3a5dc"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->

Result

enter image description here

user_41050990
Related