mirror of
https://github.com/wahyd4/links.git
synced 2026-08-09 05:06:16 +10:00
Adjust chart position
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user