/* BacktestingPage — strategy equity curve + result stats. */ function BacktestingPage() { const NT = window.NitroTraderDesignSystem_95e598; const bt = window.NT_DATA.backtest; const strategies = window.NT_DATA.strategies; const [strat, setStrat] = React.useState(bt.strategy); const range = String(window.NT_DATA.dateRange || "week"); // shared, persisted date filter // equity curve geometry const eq = bt.equity; const hasData = eq.length > 1; const W = 920, H = 300, mL = 46, mR = 16, mT = 18, mB = 28; const max = 40, min = 0; const ix = (i) => mL + (i * (W - mL - mR)) / (eq.length - 1); const iy = (v) => mT + (1 - (v - min) / (max - min)) * (H - mT - mB); const line = eq.map((v, i) => (i ? "L" : "M") + ix(i).toFixed(1) + " " + iy(v).toFixed(1)).join(" "); const area = line + ` L ${ix(eq.length - 1).toFixed(1)} ${iy(0).toFixed(1)} L ${mL} ${iy(0).toFixed(1)} Z`; const yTicks = [0, 10, 20, 30, 40]; return (
window.NT_SET_RANGE(v, b)} /> }>Run
} />
{bt.range}}> {!hasData ? (
No backtest yet Run a strategy over historical sessions to see its equity curve.
) : (<>
{bt.cumReturn || ""} cumulative return · {eq.length} sessions
{yTicks.map((v) => ( {v}% ))} )} {bt.stats.length === 0 ? (
No results yet
) : (
{bt.stats.map((s, i) => (
{s.label} {s.value}
))}
)}
); } Object.assign(window, { BacktestingPage });