如何无需重新实例化TradingView Widget即可程序化修改Symbol？

你完全不需要每次重新创建widget实例来切换交易标的，TradingView的widget对象本身提供了内置方法来实现这一点，同时避免DOM中新增多余的style标签：

• 保留初始化后的widget实例引用
  第一次创建图表时，将实例赋值给一个可访问的变量：

  // 初始化并保存实例
  const tvChartInstance = new TradingView.widget({
    container_id: 'tv-chart-container',
    symbol: 'BTCUSDT',
    // 其他配置项...
  });
  

• 调用setSymbol方法切换标的
  当需要修改交易标的时，直接调用已保存实例的setSymbol方法，传入新的标的代码和对应交易所（部分标的需要指定交易所参数）：

  // 切换到新标的，比如苹果股票
  tvChartInstance.setSymbol('AAPL', 'NASDAQ', () => {
    // 可选：切换完成后的回调逻辑
    console.log('标的切换完成');
  });
  

这个方法会直接在现有图表实例上更新标的，不会重新渲染整个组件，因此不会产生多余的style标签。此外，如果你需要调整其他图表参数（如时间周期、技术指标），也可以通过实例的setResolution等方法实现，同样无需重新初始化。

内容的提问来源于stack exchange，提问作者Tuong Van