Compact Yearly Forex
The Mini Chart widget below shows a compact 12-month overview of the GBP/USD exchange rate. By specifying the size of the widget through width
and height
, you can ensure that the plot remains compact. This widget is also configured to only include the area chart. You can achieve this by either:
- enabling the Chart only and No time scale options in the widget constructor,
- setting the
chartOnly
andnoTimeScale
options totrue
in the widget’s code.
This setup is useful for integrating a price chart seamlessly into a page design. It can also be used to place multiple compact charts in a grid for showing an overview of different symbols on one page.
Embed code
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>
{
"symbol": "OANDA:GBPUSD",
"width": "250",
"height": "150",
"locale": "en",
"dateRange": "12M",
"colorTheme": "light",
"trendLineColor": "rgba(60, 120, 216, 1)",
"underLineColor": "rgba(109, 158, 235, 1)",
"underLineBottomColor": "rgba(109, 158, 235, 0)",
"isTransparent": false,
"autosize": false,
"largeChartUrl": "",
"chartOnly": true,
"noTimeScale": true
}
</script>
</div>
<!-- TradingView Widget END -->
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>
{
"symbol": "OANDA:GBPUSD",
"width": "250",
"height": "150",
"locale": "en",
"dateRange": "12M",
"colorTheme": "light",
"trendLineColor": "rgba(60, 120, 216, 1)",
"underLineColor": "rgba(109, 158, 235, 1)",
"underLineBottomColor": "rgba(109, 158, 235, 0)",
"isTransparent": false,
"autosize": false,
"largeChartUrl": "",
"chartOnly": true,
"noTimeScale": true
}
</script>
</div>
<!-- TradingView Widget END -->