按函数输出的 Javascript 小部件

【问题标题】：Javascript widget output by function按函数输出的 Javascript 小部件
【发布时间】：2017-07-23 20:27:10
【问题描述】：

我有一个 js 小部件，它可以在我放置它的任何位置为我提供图表的输出。但是我怎样才能通过使用函数来放置它或用其他选项覆盖它来控制输出呢？

    <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<div> <h3>My Chart</h3>
<div class="chart" id="one">
<script type="text/javascript">
      new TradingView.widget({
      "width": 800,
      "height": 350,
      "symbol": "FX:EURUSD" 
    });
    </script></div></div>

【问题讨论】：

你需要查看小部件的文档，看看它是否需要一个带有DIV ID的参数来放置输出，而不是在调用的位置输出。

标签： javascript function class output

【解决方案1】：

您可以在小部件函数中设置container_id 属性，然后将其附加到您想要放置的任何位置的 div 上。

// 脚本：

new TradingView.widget({
      'container_id': 'technical-analysis',
      'autosize': true,
      'symbol': "FX:EURUSD"          
    });

// html:

<div id="technical-analysis" style="width: 800px; height: 350px"></div>

更改容器div的宽度和高度，并在widget内部设置autosize属性，图表将完全适合容器div内的指定大小。

【讨论】：