Question

我有一个脚本在页面加载时加载，并将图表加载到div中。该脚本直接放在div中，就像文档显示一样。

               <div id="chart2" style='height:100%;'>
                  <script type="text/javascript">
                    var chart2 = new TradingView.widget({
                    "autosize": true,
                    "interval": "60",
                    "timezone": "Etc/UTC",
                    "locale": "en",
                    "toolbar_bg": "rgba(255, 255, 255, 1)",
                   });
                </script>
               </div>

图表直接加载到div＃chart2中。 TradingView小部件似乎不允许您以编程方式更改图表的符号。

因此，要从不同的符号加载新数据，我似乎必须销毁图表并重新加载它。这样做可以正常工作

     $('.chooseSymbol').click(function(){
           $('#chart2').html("");
           var symbol = $(this).data('symbol');
           var sc = '<script>var chart2 = new TradingView.widget({"autosize": true,"symbol": "POLONIEX:'+symbol+'","interval": "60","timezone": "Etc/UTC","theme": "White","style": "1","locale": "en","toolbar_bg": "rgba(255, 255, 255, 1)","enable_publishing": false,"hideideas": true});<\/script>';
           $("#chart2").append(sc);
      });

然而，这似乎并没有将其仅附加到＃chart2。它似乎取代了整个页面的整个主体，并创建了图表的完整页面视图。虽然符号变化很好，但我需要它来替换div中的当前图表。

PS我知道我可以允许交易视图下拉菜单，因此用户可以选择他们的符号。但我希望用户只选择我在网站上允许的符号。因此我隐藏了符号输入并选择了此选项。

Answer 1

小部件似乎有一个container_id选项，可以将图表嵌入特定的DIV中。所以试试：

$('.chooseSymbol').click(function() {
    var symbol = $(this).data('symbol');
    var chart2 = new TradingView.widget({
        container_id: 'chart2',
        symbol: "POLONIEX:"+symbol, 
        "autosize": true,
        "interval": "60",
        "timezone": "Etc/UTC",
        "locale": "en",
        "toolbar_bg": "rgba(255, 255, 255, 1)",
    });
});

如果您不使用此选项，则会使用document.write()将窗口小部件放置在当前位置，如果在加载文档后使用该页面，则会清除该页面。

如果您只想更改现有图表中的符号，我认为这是setSymbol方法。

$('.chooseSymbol').click(function() {
    var symbol = $(this).data('symbol');
    chart2.setSymbol("POLONIX:" + symbol);
});

在特定div中打开脚本。不是整个窗口

1 个答案: