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