Tradingview 日历 Javascript

Question

$("#loadtv").on("click",function(myfunc23){
      var chart4 = new TradingView.widget({
        container_id: 'chart4',
       "width": "100%",
  "height": "100%",
  "locale": "en",
  "importanceFilter": "-1,0,1",
  "currencyFilter": "USD"
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="loadpage">
  <button id="loadtv">Show Calendar Event</button>
      <div id= "tvaa" class= "tvcx tvapp row">
         <div  id="chart4"></div>
   <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js"></script>
  </div>
</div>

你好，单击按钮时，我试图在 div 中打开交易视图的日历小部件。由于某种原因，同样的方法适用于图表小部件，但不适用于日历。帮助赞赏！ Link 到 tradingview 日历小部件脚本：https://www.tradingview.com/widget/economic-calendar/

Answer 1

您需要使用另一个脚本，这样您就可以使用 TradingView 构造函数：

<script src="//s3.tradingview.com/tv.js"></script>

日历小部件只是整体的一个组成部分。如果你想禁用某些东西，你应该检查显示可用选项的 this cheatsheet。

出于某种原因，此 SO 代码段中的 WS 是不允许的 (403)。
因此，您可能想查看此示例 plunkr。

$("#loadtv").on("click", function() {
    new TradingView.widget({
        container_id: 'chart4',
        width: "100%",
        height: "1000px",
        locale: "en",
        importanceFilter: "-1,0,1",
        currencyFilter: "USD",
        symbol: "NASDAQ:AAPL",
        interval: "D",
        timezone: "America/New_York",
        theme: "White",
        style: 1,
        toolbar_bg: "rgba(0, 0, 196, 1)",
        withdateranges: true,
        hide_side_toolbar: false,
        allow_symbol_change: true,
        details: false,
        hotlist: false,
        calendar: true,
        news: [],
        hideideas: true,
        show_popup_button: true,
    });
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//s3.tradingview.com/tv.js"></script>
<button id="loadtv">Show Calendar Event</button>
<div id="chart4"></div>

Tradingview 日历 Javascript

Tradingview Calendar Javascript

html

javascript

onclick

tradingview-api