Adjust chart position

This commit is contained in:
2025-10-11 19:21:57 +11:00
parent f84375cb74
commit ef1c5bf713
@@ -371,21 +371,6 @@
</div>
</div>
<!-- Original Net Worth Growth Chart -->
<div class="chart-container">
<h3 class="chart-title">
<i class="fas fa-chart-line mr-2"></i>
Net Worth Growth Projection
</h3>
<p class="text-sm text-gray-600 mb-3">
<i class="fas fa-info-circle mr-1"></i>
<strong class="text-green-600">Green line</strong> shows your projected net worth with compound growth.
<strong class="text-red-600">Red dashed line</strong> shows inflation-adjusted FIRE target.
When green crosses red, you've achieved FIRE! 🎉
</p>
<canvas id="netWorthChart" style="max-height: 400px;"></canvas>
</div>
<!-- Monte Carlo Percentile Chart -->
<div class="chart-container">
<h3 class="chart-title">
@@ -416,6 +401,21 @@
<canvas id="monteCarloChart" style="max-height: 400px;"></canvas>
</div>
<!-- Original Net Worth Growth Chart -->
<div class="chart-container">
<h3 class="chart-title">
<i class="fas fa-chart-line mr-2"></i>
Net Worth Growth Projection
</h3>
<p class="text-sm text-gray-600 mb-3">
<i class="fas fa-info-circle mr-1"></i>
<strong class="text-green-600">Green line</strong> shows your projected net worth with compound growth.
<strong class="text-red-600">Red dashed line</strong> shows inflation-adjusted FIRE target.
When green crosses red, you've achieved FIRE! 🎉
</p>
<canvas id="netWorthChart" style="max-height: 400px;"></canvas>
</div>
<!-- Progress Chart -->
<div class="chart-container">
<h3 class="chart-title">
@@ -510,7 +510,7 @@
id: 'verticalLine',
afterDatasetsDraw(chart, args, pluginOptions) {
const options = chart.options.plugins.verticalLine;
if (!options || !options.xValue) {
return;
}