How can I make this Javascript code responsive for any screen?
<p>I've been trying, with no success, to make this code responsive. The autozize keeps making the chart too flat and if I use height and width it justs works for some screens.</p>

<p>any ideas?</p>

<p><strong>with Height and Width</strong></p>

<pre><code>&lt;!-- TradingView Widget BEGIN --&gt;
&lt;script type="text/javascript"
src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
new TradingView.widget({
"width": 800,
"height": 600,
"symbol": "INDEX:MERV",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "White",
"style": "1",
"locale": "es",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"hideideas": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650"
});
&lt;/script&gt;
&lt;!-- TradingView Widget END --&gt;
</code></pre>

<p><strong>with autosize</strong></p>

<pre><code>&lt;!-- TradingView Widget BEGIN --&gt;
&lt;script     type="text/javascript"
src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
new TradingView.widget({
"autosize": true,
"symbol": "INDEX:MERV",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "White",
"style": "1",
"locale": "es",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"hideideas": true,
"show_popup_button": true,
"popup_width": "1000",
"popup_height": "650"
});
 &lt;/script&gt;
&lt;!-- TradingView Widget END --&gt;
</code></pre>

<p>Thaks!!</p>