为reactjs添加交易视图wiget在我们国家,我们使用类似于tradingview的fireant

问题描述

如何在React tsx项目中嵌入此组件? 在国家/地区,我们使用fireant而不是tradeview,这两个嵌入非常相似)。 我尝试使用script.innerHtml,但收到一条消息,提示找不到新的Fireant.Marketwiget或新的Tradingview.wiget

<script src="https://www.fireant.vn/Scripts/web/widgets.js"></script>
<div id="fan-quote-121"></div>
<script type="text/javascript">
    new FireAnt.MarketsWidget({
        "container_id": "fan-quote-121","locale": "vi","price_line_color": "#71BDDF","grid_color": "#999999","label_color": "#999999","width": "350px","height": "250px"
    });
</script>

我也有同样的问题

 <div class="tradingview-widget-container">
      <div id="tradingview_22c32"></div>
      <div class="tradingview-widget-copyright"><a href="https://vn.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL Biểu đồ</span> </a> bởi TradingView</div>
      <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
      <script type="text/javascript">
      new TradingView.widget(
      {
      "width": 980,"height": 610,"symbol": "NASDAQ:AAPL","interval": "D","timezone": "Etc/UTC","theme": "light","style": "1","locale": "vi_VN","toolbar_bg": "#f1f3f6","enable_publishing": false,"allow_symbol_change": true,"container_id": "tradingview_22c32"
    }
      );
      </script>
    </div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

错误1:Request method ‘DELETE‘ not supported 错误还原:...
错误1:启动docker镜像时报错:Error response from daemon:...
错误1:private field ‘xxx‘ is never assigned 按Alt...
报错如下,通过源不能下载,最后警告pip需升级版本 Requirem...