javascript - 从 JS 启动 Tradingview 小部件替换整个主体

Question

每当我尝试从 javascript 启动小部件时，事情都会变得困惑。小部件被创建，但页面上的整个内容被覆盖(下面的 jsfiddle)。有什么线索可以解决这个问题(使用类似的方法从没有 iframe 的 javascript 启动)？

var s2 = document.createElement("script");
s2.text = "new TradingView.widget({" +
   '"width": 450,' +
   '"height": 400,' +
   '"symbol": "SSD",' +
   '"interval": "D",' +
   '"timezone": "Etc/UTC",' +
   '"theme": "White",' +
   '"style": "1",' +
   '"locale": "en",' +
   '"toolbar_bg": "#f1f3f6",' +
   '"hide_side_toolbar": true,' +
   '"allow_symbol_change": true,' +
   '"hideideas": true' +
   '});'

  $(s2).appendTo("#feed");

您可以在此处查看问题:https://jsfiddle.net/g7tjaqg1/

我检查了类似的问题TradingView widget replacing entire HTML body但该解决方案利用了 iframe。对于这种情况，这是唯一可能的解决方案吗？

Answer 1

您必须使用属性container_id:“feed”这将在特定容器中加载图表