Yearly Forex
The Mini Chart widget below provides an overview of the EUR/USD exchange rate over a 12-month period. Unlike the compact layout, this layout displays a full price chart along with the symbol name, description, time scale, and price change indicator.
This comprehensive layout allows delivering essential market information within your web page. The larger chart area accommodates more data points, providing a clearer picture of price action over the year. This layout can be useful for users to interpret trends, resistance levels, and other critical market dynamics.
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": "FX:EURUSD",
"width": "100%",
"height": "100%",
"locale": "en",
"dateRange": "12M",
"colorTheme": "light",
"trendLineColor": "rgba(0, 0, 0, 1)",
"underLineColor": "rgba(152, 152, 152, 1)",
"underLineBottomColor": "rgba(152, 152, 152, 0)",
"isTransparent": false,
"autosize": true,
"largeChartUrl": ""
}
</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": "FX:EURUSD",
"width": "100%",
"height": "100%",
"locale": "en",
"dateRange": "12M",
"colorTheme": "light",
"trendLineColor": "rgba(0, 0, 0, 1)",
"underLineColor": "rgba(152, 152, 152, 1)",
"underLineBottomColor": "rgba(152, 152, 152, 0)",
"isTransparent": false,
"autosize": true,
"largeChartUrl": ""
}
</script>
</div>
<!-- TradingView Widget END -->