const TradingSignalsChart = ({ data }) => { const filteredData = data.filter(d => d.date >= new Date(new Date().setFullYear(new Date().getFullYear() - 2))); return ( new Date(dateStr).toLocaleDateString()} angle={-45} textAnchor="end" height={70} style={{ fontSize: 12 }} /> `$${value.toFixed(2)}`} width={80} style={{ fontSize: 12 }} /> { if (name === 'Close Price') return [`$${value.toFixed(2)}`, name]; if (name === 'RSI') return [value.toFixed(2), name]; if (name === 'MACD Line' || name === 'Signal Line') return [value.toFixed(2), name]; return [value, name]; }} contentStyle={{ backgroundColor: BACKGROUND_COLOR, borderRadius: 8 }} /> {/* Price Chart */} d.buy_signal)} fill={CHART_4_COLOR} shape="triangle" size={10} name="Buy Signal" > {filteredData.filter(d => d.buy_signal).map((entry, index) => ( ))} d.sell_signal)} fill={CHART_6_COLOR} shape="triangle" size={10} name="Sell Signal" > {filteredData.filter(d => d.sell_signal).map((entry, index) => ( ))} {/* RSI Chart */} {/* MACD Chart */} ); };