如何在React TradingView Widget中指定交易所数据源？

要限制TradingView Widget只加载Bittrex的数据，核心是通过配置参数明确指定交易所，以下是具体实现方式：

1. 单一标的K线/行情图组件 #

直接在配置中指定交易所代码，同时可通过参数禁止用户切换到其他交易所的标的：

<div class="tradingview-widget-container">
  <div id="tradingview_chart"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget({
    "container_id": "tradingview_chart",
    "width": 980,
    "height": 610,
    "symbol": "BITTREX:BTCUSD", // 格式：交易所代码:交易对
    "interval": "D",
    "timezone": "Etc/UTC",
    "theme": "light",
    "locale": "en",
    "enable_publishing": false,
    "allow_symbol_change": false, // 禁止切换标的，可选
    "exchange": "BITTREX" // 强制指定Bittrex交易所
  });
  </script>
</div>

2. 加密货币筛选器组件 #

如果使用的是筛选器类组件，需要结合screener和exchange参数限定范围：

<div class="tradingview-widget-container">
  <div id="tradingview_screener"></div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget({
    "container_id": "tradingview_screener",
    "width": "100%",
    "height": 600,
    "screener_type": "crypto_mkt",
    "screener": "crypto",
    "exchange": "BITTREX", // 仅加载Bittrex的币种
    "interval": "D",
    "theme": "light",
    "locale": "en",
    "enable_publishing": false,
    "allow_symbol_change": false
  });
  </script>
</div>

关键注意事项 #

• TradingView中Bittrex的官方代码是BITTREX（全大写），拼写错误会导致加载失败
• 如果需要允许用户切换标的但仅限Bittrex，添加allowed_exchanges: ['BITTREX']参数，替代allow_symbol_change: false
• 不同组件类型可能需要匹配对应的screener参数（比如加密货币类用crypto）

内容的提问来源于stack exchange，提问作者Haider Raza