我正在尝试将[此股市图表]嵌入到我的博客中。我选择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),但生成的图表始终非常平坦并且高度不会改变 - 无论我尝试什么:
我想仅在 HTML 中执行此操作,而不需要额外的 CSS 文件。
12345678_0001
相关分类