EUR/USD

Forex
Bid 1.08754
Ask 1.08756
Spread 0.2 pips
Change +0.15%

Drawing Tools

Trade Setup

Position Size 0.20 lots
Risk Amount $50.00
R:R Ratio 1:3

Technical Indicators

RSI (14)

52.34

Neutral

MACD

0.0012

Bullish

MA (50)

1.08654

Above Price

BB (20,2)

1.08750

Middle

+ riskAmount.toFixed(2); document.getElementById('rrRatio').textContent = '1:' + rrRatio.toFixed(1); // Color code the R:R ratio const rrElement = document.getElementById('rrRatio'); if (rrRatio >= 2) { rrElement.className = 'font-bold text-green-400'; } else if (rrRatio >= 1.5) { rrElement.className = 'font-bold text-yellow-400'; } else { rrElement.className = 'font-bold text-red-400'; } // Draw lines on chart drawTradeLevels(entryPrice, stopLoss, takeProfit); } function drawTradeLevels(entry, sl, tp) { // Remove existing lines chart.removeSeries(entryLine); chart.removeSeries(slLine); chart.removeSeries(tpLine); // Add new lines entryLine = chart.addLineSeries({ color: '#3B82F6', lineWidth: 2, lineStyle: LightweightCharts.LineStyle.Dashed, title: 'Entry', }); slLine = chart.addLineSeries({ color: '#EF4444', lineWidth: 2, lineStyle: LightweightCharts.LineStyle.Dashed, title: 'Stop Loss', }); tpLine = chart.addLineSeries({ color: '#22C55E', lineWidth: 2, lineStyle: LightweightCharts.LineStyle.Dashed, title: 'Take Profit', }); const now = Math.floor(Date.now() / 1000); entryLine.setData([{ time: now - 3600, value: entry }, { time: now + 3600, value: entry }]); slLine.setData([{ time: now - 3600, value: sl }, { time: now + 3600, value: sl }]); tpLine.setData([{ time: now - 3600, value: tp }, { time: now + 3600, value: tp }]); } let entryLine, slLine, tpLine; // Add event listeners document.getElementById('riskPercent').addEventListener('input', calculatePositionSize); document.getElementById('entryPrice').addEventListener('input', calculatePositionSize); document.getElementById('stopLoss').addEventListener('input', calculatePositionSize); document.getElementById('takeProfit').addEventListener('input', calculatePositionSize); calculatePositionSize(); // Drawing tools activation function activateTool(tool) { document.querySelectorAll('.drawing-tool').forEach(btn => { btn.classList.remove('active'); }); event.target.closest('.drawing-tool').classList.add('active'); } // Responsive chart window.addEventListener('resize', () => { chart.applyOptions({ width: document.getElementById('chart').clientWidth, }); });