Autosize

By QMAXX on Tuesday, 07 March 2017

Posted in General

Likes 0

Votes 0

If I embed the following code with EB by HTML block, although the width is properly scaled but the high is not displayed properly.

The displayed chart should have a lot more space.

Is there a solution?



<!-- TradingView Widget BEGIN -->

<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>

<script type="text/javascript">

new TradingView.widget({

  "autosize": true,

  "symbol": "NASDAQ:AAPL",

  "interval": "D",

  "timezone": "Etc/UTC",

  "theme": "White",

  "style": "1",

  "locale": "en",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "allow_symbol_change": true,

  "hideideas": true

});

</script>

<!-- TradingView Widget END -->

Best regards

Hi there,

Sorry for my confusion above.

Can you try to implement code below and see how it goes as i have styled it to 500px height.



<div style="height: 500px">

<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>

<script type="text/javascript">

new TradingView.widget({

      "autosize": "document.querySelectorAll('widget')",

  "symbol": "NASDAQ:AAPL",

  "interval": "D",

  "timezone": "Etc/UTC",

  "theme": "White",

  "style": "1",

  "locale": "en",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "allow_symbol_change": true,

  "hideideas": true

});

</script>

</div>

Abdul Warith Norudin

Wednesday, 08 March 2017 15:46

0 Likes

0 Votes

0 Comments

#321711

Hi there,

That issue sis becasue you have set it size on this codes

"autosize": true,

by the way, can you try codes below and see how it goes as i have set your widget to shown on 500x500



<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>

<script type="text/javascript">

new TradingView.widget({

  "symbol": "NASDAQ:AAPL",

  "interval": "D",

  "timezone": "Etc/UTC",

  "theme": "White",

  "style": "1",

  "locale": "en",

   "height": "500px",

  "width": "500px",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "allow_symbol_change": true,

  "hideideas": true

});

</script>

Abdul Warith Norudin

Wednesday, 08 March 2017 13:09

0 Likes

0 Votes

0 Comments

#321680

Thanks, but I would like the chart responsive to be displayed.

QMAXX

Wednesday, 08 March 2017 14:48

0 Likes

0 Votes

0 Comments

#321698

Thanks!

Have a nice day

QMAXX

Wednesday, 08 March 2017 16:31

0 Likes

0 Votes

0 Comments

#321730

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.

Abdul Warith Norudin

Wednesday, 08 March 2017 16:46

0 Likes

0 Votes

0 Comments

#321739