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

Javascript 从JS启动Tradingview小部件替换整个主体,javascript,jquery,html,Javascript,Jquery,Html,每当我尝试从javascript启动小部件时,事情都会变得一团糟。小部件被创建,但页面上的全部内容被覆盖(下面是JSFIDLE)。有什么线索可以解决这个问题(使用类似的方法从javascript启动而不使用iframe) 您可以在此处看到问题: 我检查了类似的问题,但解决方案使用了iframe。对于这种情况,这是唯一可能的解决方案吗?您必须使用属性容器id:“提要” 它将把图表装入特定的容器中 var s2 = document.createElement("script"); s2.text

每当我尝试从javascript启动小部件时,事情都会变得一团糟。小部件被创建,但页面上的全部内容被覆盖(下面是JSFIDLE)。有什么线索可以解决这个问题(使用类似的方法从javascript启动而不使用iframe)

您可以在此处看到问题:


我检查了类似的问题,但解决方案使用了iframe。对于这种情况,这是唯一可能的解决方案吗?

您必须使用属性容器id:“提要” 它将把图表装入特定的容器中

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");