Implement Jupiter-style trading chart with lightweight-charts
- Add TradingView Lightweight Charts library for professional chart display - Create TradingChart component with real-time candlestick data - Implement position overlays (entry, stop loss, take profit lines) - Add chart header with symbol and price information - Create CompactTradingPanel for Jupiter-style order form - Build ChartTradingPage combining chart and trading panel - Add demo and test pages for chart functionality - Use dynamic imports to avoid SSR issues with lightweight-charts - Generate sample price data for demonstration Features: - Full-screen candlestick chart with dark theme - Position markers on chart (blue entry, red SL, green TP) - Real-time price display and P&L tracking - Responsive design with proper chart resizing - Professional trading interface similar to Jupiter Perps
This commit is contained in:
@@ -22,6 +22,12 @@ const navItems = [
|
||||
icon: '💰',
|
||||
description: 'Execute trades'
|
||||
},
|
||||
{
|
||||
name: 'Chart Trading',
|
||||
href: '/chart-trading-demo',
|
||||
icon: '📈',
|
||||
description: 'Advanced chart trading'
|
||||
},
|
||||
{
|
||||
name: 'Automation',
|
||||
href: '/automation',
|
||||
|
||||
Reference in New Issue
Block a user