Компоненты Streamlit. Функция html не отображает виджет HTML, предоставленный TradingView или Investing.com - PullRequest
Новая
       136

Компоненты Streamlit. Функция html не отображает виджет HTML, предоставленный TradingView или Investing.com

0 голосов
/ 02 августа 2020

Я пытаюсь добавить виджет с помощью TradingView в мое приложение Streamlit с использованием компонентов. html, однако, виджет не отображается, отображается только его граница. Как мне решить эту проблему?

Вот мой код: 

components.html("""
        <!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Ticker Tape</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>
  {
  "symbols": [
    {
      "proName": "FOREXCOM:SPXUSD",
      "title": "S&P 500"
    },
    {
      "proName": "FOREXCOM:NSXUSD",
      "title": "Nasdaq 100"
    },
    {
      "proName": "FX_IDC:EURUSD",
      "title": "EUR/USD"
    },
    {
      "proName": "BITSTAMP:BTCUSD",
      "title": "BTC/USD"
    },
    {
      "proName": "BITSTAMP:ETHUSD",
      "title": "ETH/USD"
    }
  ],
  "colorTheme": "light",
  "isTransparent": false,
  "displayMode": "adaptive",
  "locale": "en"
}
  </script>
</div>
<!-- TradingView Widget END -->
        """)

Это все, что он показывает в качестве вывода: Вывод виджета в приложении Streamlit

...