$("#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日历小部件脚本:https://www.tradingview.com/widget/economic-calendar/
最佳答案
您需要使用另一个脚本,以便可以使用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>