为什么我的 div 元素的高度没有改变(仅限 HTML)?

我正在尝试将[此股市图表]嵌入到我的博客中。我选择autosize: true, 来根据站点宽度调整宽度,但想要设置固定高度(例如,500px)。


尽管我在 stackoverflow 上阅读了很多内容并测试了不同的东西,但我无法让它工作。我尝试style在元素中添加字段div,并尝试添加父元素div。这是示例代码:


<!DOCTYPE html>

<body>

<!-- TradingView Widget BEGIN -->

<div class="tradingview-widget-container" style="min-height: 500px; height: 500px; width: 500px;">

  <div id="tradingview_b9e4a"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/SWB-LYYA/" rel="noopener" target="_blank"><span class="blue-text">LYYA Chart</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>

  <script type="text/javascript">

  new TradingView.widget(

  {

  "autosize": true,

  "symbol": "SWB:LYYA",

  "timezone": "exchange",

  "theme": "light",

  "style": "2",

  "locale": "en",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "hide_top_toolbar": true,

  "hide_legend": true,

  "withdateranges": true,

  "range": "5d",

  "allow_symbol_change": true,

  "save_image": false,

  "container_id": "tradingview_b9e4a"

}

  );

  </script>

</div>

<!-- TradingView Widget END -->

</body>

</html>

我期望/希望绘图是正方形(500x500px),但生成的图表始终非常平坦并且高度不会改变 - 无论我尝试什么:

https://img1.mukewang.com/6524b4b40001763d04980179.jpg

我想仅在 HTML 中执行此操作,而不需要额外的 CSS 文件。



尚方宝剑之说
浏览 81回答 1
1回答

12345678_0001

您还需要设置元素的高度.tradingview_b9e4。的第一个孩子.tradingview-widget-container;<div&nbsp;id="tradingview_b9e4a"&nbsp;style="height:&nbsp;100%;"
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5