问题描述
我想从交易视图中显示以下小部件
<div class="Tradingview-widget-container">
<div id="Tradingview_56bdd"></div>
<div class="Tradingview-widget-copyright"><a href="https://in.Tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD 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": 1080,"height": 720,"symbol": "BITSTAMP:BTCUSD","interval": "D","timezone": "Etc/UTC","theme": "light","style": "2","locale": "in","toolbar_bg": "#f1f3f6","enable_publishing": false,"hide_top_toolbar": true,"withdateranges": true,"save_image": false,"details": true,"container_id": "Tradingview_56bdd"
}
);
</script>
</div>
如果我将其复制粘贴到 html 中,它就可以正常工作。但是我想根据用户的选择更改参数“符号”,因此我尝试通过 JavaScript 显示代码,因此我在 JS 中使用以下代码
var widgetHtml = '<div class="Tradingview-widget-container"> <div id="Tradingview_56bdd"></div> <div class="Tradingview-widget-copyright"><a href="https://in.Tradingview.com/symbols/BTCUSD/?exchange=BITSTAMP" rel="noopener" target="_blank"><span class="blue-text">BTCUSD 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": 1080,"container_id": "Tradingview_56bdd" }); </script> </div>';
document.getElementById("Tradingview-widget").innerHTML = widgetHtml;
现在,我得到的不是 wodget,而是将我重定向到网站的链接,没有显示任何小部件。
抱歉问了一个愚蠢的问题,我是初学者,这是我的第一个 JS 项目
解决方法
我得到的愚蠢问题解决方案如下
在JS中添加fol
new TradingView.widget(
{
"width": 980,"height": 610,"symbol": "NASDAQ:AAPL","interval": "D","timezone": "Etc/UTC","theme": "light","style": "1","locale": "in","toolbar_bg": "#f1f3f6","enable_publishing": false,"allow_symbol_change": true,"container_id": "tradingview_5a5e5"
}
);
并添加以下脚本
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>