Trading Live Advance Chart Source code HTML CSS & JS

  Trading Live Advance Chart Source code HTML CSS & JS



SOURCE CODE


html source code
 save as---Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TRADING live</title>
</head>
<link rel="stylesheet" href="style.css">
  <!-- Gaurav tripathi -->
<body>
    <!-- TradingView Widget BEGIN -->
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
    <div id="tradingview_1dcca"></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/tv.js">
</script>
    <script type="text/javascript">
    new TradingView.widget(
    {
    "autosize": true,
    "symbol": "NASDAQ:AAPL",
    "timezone": "Etc/UTC",
    "theme": "dark",
    "style": "1",
    "locale": "en",
    "toolbar_bg": "#f1f3f6",
    "enable_publishing": true,
    "withdateranges": true,
    "range": "YTD",
    "hide_side_toolbar": false,
    "allow_symbol_change": true,
    "details": true,
    "hotlist": true,
    "calendar": true,
    "show_popup_button": true,
    "popup_width": "1000",
    "popup_height": "650",
    "container_id": "tradingview_1dcca"
  }
    );
    </script>
  </div>
  <!-- TradingView Widget END -->
</body>
</html>









CSS CODE-:
SAVE AS- style.css

*{
margin: 0;
padding: 0;
box-sizing: border-box;

}
#tradingview_1dcca{
    width: 100%;
    height: 100vh;
   
    }

copy and paste code










for more subcribe my youtube channel









 

Comments

Popular posts from this blog

How to show live Cryptocurrency Price In your website Using HTML CSS, AND JavaScript

Learn Python 2024 by gaurav tripathi