Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TradingView Widgets</title>
  <style>
    /* CSS Styles */
    .tradingview-widgets-container {
      display: flex; /* استفاده از Flexbox برای نمایش ویدجت‌ها به صورت افقی */
      justify-content: space-between; /* فاصله بین ویدجت‌ها */
      padding: 10px; /* فاصله داخلی */
      gap: 10px; /* فاصله بین ویدجت‌ها */
    }
    .tradingview-widget-container {
      flex: 1; /* هر ویدجت به صورت انعطاف‌پذیر در عرض مورد نظر خود قرار می‌گیرد */
      box-sizing: border-box; /* شامل padding و border در عرض و ارتفاع */
    }
    .tradingview-widget-container__widget {
      width: 100%; /* ویدجت به طور کامل عرض محفظه را پر می‌کند */
    }
    .tradingview-widget-copyright {
      text-align: center;
      font-size: 12px;
      color: #9E9E9E;
    }
    .blue-text {
      color: #2962FF;
    }
  </style>
</head>
<body>
  
  <div class="tradingview-widgets-container">
    
    <div class="tradingview-widget-container">
      <div class="tradingview-widget-container__widget"></div>


  
      </div>
      <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js" async>
      {
        "colorTheme": "light",
        "dateRange": "12M",
        "showChart": true,
        "locale": "en",
        "largeChartUrl": "",
        "isTransparent": false,
        "showSymbolLogo": true,
        "showFloatingTooltip": false,
        "width": "920",
        "height": "680",
        "plotLineColorGrowing": "rgba(41, 98, 255, 1)",
        "plotLineColorFalling": "rgba(41, 98, 255, 1)",
        "gridLineColor": "rgba(240, 243, 250, 0)",
        "scaleFontColor": "rgba(19, 23, 34, 1)",
        "belowLineFillColorGrowing": "rgba(41, 98, 255, 0.12)",
        "belowLineFillColorFalling": "rgba(41, 98, 255, 0.12)",
        "belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
        "belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
        "symbolActiveColor": "rgba(41, 98, 255, 0.12)",
        "tabs": [
          {
            "title": "Indices",
            "symbols": [
              {"s": "TVC:SILVER"},
              {"s": "NYMEX:PLU2024"},
              {"s": "OANDA:XAUUSD"},
              {"s": "FX_IDC:USDCNY"},
              {"s": "FX:EURUSD"},
              {"s": "SAXO:USDAED"},
              {"s": "FX_IDC:EURAED"}
            ],
            "originalTitle": "Indices"
          },
          {
            "title": "Futures",
            "symbols": [
              {"s": "CME_MINI:ES1!", "d": "S&P 500"},
              {"s": "CME:6E1!", "d": "Euro"},
              {"s": "COMEX:GC1!", "d": "Gold"},
              {"s": "NYMEX:CL1!", "d": "WTI Crude Oil"},
              {"s": "NYMEX:NG1!", "d": "Gas"},
              {"s": "CBOT:ZC1!", "d": "Corn"}
            ],
            "originalTitle": "Futures"
          },
          {
            "title": "Bonds",
            "symbols": [
              {"s": "CBOT:ZB1!", "d": "T-Bond"},
              {"s": "CBOT:UB1!", "d": "Ultra T-Bond"},
              {"s": "EUREX:FGBL1!", "d": "Euro Bund"},
              {"s": "EUREX:FBTP1!", "d": "Euro BTP"},
              {"s": "EUREX:FGBM1!", "d": "Euro BOBL"}
            ],
            "originalTitle": "Bonds"
          },
          {
            "title": "Forex",
            "symbols": [
              {"s": "FX:EURUSD", "d": "EUR to USD"},
              {"s": "FX:GBPUSD", "d": "GBP to USD"},
              {"s": "FX:USDJPY", "d": "USD to JPY"},
              {"s": "FX:USDCHF", "d": "USD to CHF"},
              {"s": "FX:AUDUSD", "d": "AUD to USD"},
              {"s": "FX:USDCAD", "d": "USD to CAD"}
            ],
            "originalTitle": "Forex"
          }
        ]
      }
      </script>
    </div>

    
    <div class="tradingview-widget-container">
      <div class="tradingview-widget-container__widget"></div>
      <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-overview.js" async>
      {
        "symbols": [
          ["OANDA:XAUUSD|1D"],
          ["NYMEX:PLU2024|1D"],
          ["TVC:SILVER|1D"]
        ],
        "chartOnly": false,
        "width": "920",
        "height": "680",
        "locale": "en",
        "colorTheme": "light",
        "autosize": false,
        "showVolume": false,
        "showMA": false,
        "hideDateRanges": false,
        "hideMarketStatus": false,
        "hideSymbolLogo": false,
        "scalePosition": "right",
        "scaleMode": "Normal",
        "fontFamily": "-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif",
        "fontSize": "10",
        "noTimeScale": false,
        "valuesTracking": "1",
        "changeMode": "price-and-percent",
        "chartType": "area",
        "maLineColor": "#2962FF",
        "maLineWidth": 1,
        "maLength": 9,
        "headerFontSize": "medium",
        "lineWidth": 2,
        "lineType": 0,
        "dateRanges": [
          "1d|1",
          "1m|30",
          "3m|60",
          "12m|1D",
          "60m|1W",
          "all|1M"
        ]
      }
      </script>
    </div>
  </div>
</body>
</html>

Golden Candlestick on Black Background: Illuminating Financial Analysis and Trading Success

Banner

Business gold candlestick investment stock exchange wealth financial concept on 3d golden trade market background of growth finance chart success commercial graph diagram or savings trading value.