html 替换组件,TradingView小部件替换整个HTML正文

Manish..

5

所以我可以从小部件网站上得到什么.无论发生什么,它是如何运作的.所以为了这个行为你想要的方式.您将不得不使用iframe.在index.html中创建一个单独的文件,例如chart.html,并将iframe的src作为chart.html.在更改时,甚至使用查询参数更改框架的src,并在chart.html中读取该查询参数并创建图表.以下是供您参考的代码.

的index.html

$(document).on('change','.fx',function(){

//var widget = changeFX(this.value);

document.getElementById('content').src = "chart.html?value="+this.value;

document.getElementById('content').style.display = "block";

});

iframe{

height:400px;

width:600px;

display:none;

}

EURUSD

EURJPY

chart.html

function getParameterByName(name, url) {

if (!url) {

url = window.location.href;

}

name = name.replace(/[\[\]]/g, "\\$&");

var regex = new RegExp("[?&]" + name + "(=([^]*)|&|#|$)"),

results = regex.exec(url);

if (!results) return null;

if (!results[2]) return '';

return decodeURIComponent(results[2].replace(/\+/g, " "));

}

var fx = getParameterByName('value');

var fxWidget = new TradingView.widget({

"width": 500,

"height": 400,

"symbol": "FX:"+fx,

"interval": "1",

"timezone": "Etc/UTC",

"theme": "White",

"style": "2",

"locale": "en",

"toolbar_bg": "#f1f3f6",

"hide_top_toolbar": true,

"save_image": false,

"hideideas": true

});

这是我创建的一个动画

我用于获取查询参数的代码的链接.

锄头有帮助:)