chart.html - master - BrieseCaptain/tradingbot

chart.html
50 строк2 KB
BrieseCaptain
upload files
27 ноя 2025, 22:07
27 ноя 2025, 22:07c8bdbd4
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>TradingView Chart</title>
    <style>
        body, html { margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden; background-color: #131722; }
        #tv_chart_container { height: 100vh; width: 100vw; }
    </style>
</head>
<body>
    <div class="tradingview-widget-container">
        <div id="tv_chart_container"></div>
        <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
        <script type="text/javascript">
            // 1. Get the Symbol from the URL (e.g., ?symbol=BTCUSDT)
            const urlParams = new URLSearchParams(window.location.search);
            const symbol = urlParams.get('symbol') || 'BTCUSDT';

            // 2. Initialize the Widget
            new TradingView.widget({
                "width": "100%",
                "height": "100%",
                "symbol": "BYBIT:" + symbol + ".P", // Adding BYBIT prefix. .P is often used for Perp, remove .P if Spot only
                "interval": "60",
                "timezone": "Etc/UTC",
                "theme": "dark",
                "style": "1",
                "locale": "en",
                "enable_publishing": false,
                "hide_top_toolbar": false,
                "hide_legend": false,
                "save_image": false,
                "container_id": "tv_chart_container",
                // 3. Add Indicators (MACD, RSI, Volume)
                "studies": [
                    "RSI@tv-basicstudies",
                    "MACD@tv-basicstudies"
                    // Volume is usually on by default in style "1"
                ],
                "disabled_features": [
                    "use_localstorage_for_settings",
                    "header_symbol_search"
                ]
            });
        </script>
    </div>
</body>
</html>