2017-12-08 4 views
3

TradingviewカレンダーJavascriptを

$("#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の中tradingviewのカレンダーウィジェットを開くしようとしています。何らかの理由でこの同じメソッドがチャートウィジェットで機能しましたが、カレンダーでは機能していません。ヘルプは高く評価しました!カレンダーウィジェットスクリプトをtradingviewする リンク:カレンダーウィジェットはアンサンブルの一つの成分だけです

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

https://www.tradingview.com/widget/economic-calendar/

+0

私は別のdivコンテナ内全体tradingviewスクリプトを入れて、ボタンがクリックされたときにそれを隠すと表示さ...そのロードしようとしているため、ページの読み込み時間を増加させること心配していた可能性があり各シンボルのカレンダースクリプトを作成し、それを隠すだけです。 私はjavascriptのために行った理由は、javascriptの場合は、ボタンのクリックではなく、すべてのページを読み込むためのシンボルのために関数を実行できるからです。 –

答えて

2

あなたはその後、TradingViewコンストラクタを使用することができるように、別のスクリプトを使用する必要があります。あなたがものを無効にしたい場合は、利用可能なオプションを示す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>

関連する問題