Tradingview Kalender 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>

Hallo, Ich versuche, das Kalender-Widget von tradingview in einem div zu öffnen, wenn eine Schaltfläche geklickt wird. Aus irgendeinem Grund funktionierte die gleiche Methode mit dem Diagramm-Widget, aber es funktioniert nicht für den Kalender. Hilfe geschätzt! Link tradingview Skript Kalender-Widget: https://www.tradingview.com/widget/economic-calendar/

Answer 1

Sie benötigen ein anderes Skript zu verwenden, so dass Sie dann den TradingView Konstruktor verwenden:

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

Der Kalender-Widget nur eine Komponente des Ensembles ist. Wenn Sie Dinge deaktivieren möchten, sollten Sie mit this cheatsheet überprüfen, die verfügbaren Optionen zeigt.

---

Aus irgendeinem Grund ist die WS in diesem SO-Schnipsel nicht erlaubt (403).
Daher sollten Sie plunkr diese Probe zu überprüfen.

$("#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>