Estoy tratando de agregar gráficos de vistas comerciales a mi proyecto Vue.js, pero no puedo encontrar una manera de usarlo. Aquí está la etiqueta html, ¿alguien puede ayudarme a usarla?
<div class="tradingview-widget-container"> <div id="tradingview_bf88f"></div> <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL Chart</span></a> by TradingView</div> <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script> <script type="text/javascript"> new TradingView.widget( { "width": 980, "height": 610, "symbol": "NASDAQ:AAPL", "interval": "D", "timezone": "Etc/UTC", "theme": "dark", "style": "1", "locale": "en", "toolbar_bg": "#f1f3f6", "enable_publishing": false, "allow_symbol_change": true, "container_id": "tradingview_bf88f" } ); </script> </div>Puede usar estos componentes de vue js para el widget de gráficos en tiempo real de tradingview. Creo que esto es exactamente lo que quieres.
Respuesta actualizada:
Preste atención a que en la versión actual de este componente (1.0.1) hay un error en la documentación. Deberías importar este componente así:
import VueTradingView from 'vue-trading-view/src/vue-trading-view';