/ Widgets / Charts / Mini Chart / Demos / Compact Yearly Forex

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 and noTimeScale options to true 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 -->