mirror of
https://codeberg.org/armin/tcdweb.git
synced 2026-09-01 05:30:45 +02:00
Add color legend to power spectrum section
Add a 3-item legend below the power spectrum chart explaining the line colors: Power Spectrum (cyan), Cutoff (yellow dashed), Noise Floor (red dashed). Reuses the .legend CSS classes added in the previous commit.
This commit is contained in:
parent
2d91d847d4
commit
f52c13009b
1 changed files with 5 additions and 0 deletions
|
|
@ -99,6 +99,11 @@
|
||||||
<div class="chart-container">
|
<div class="chart-container">
|
||||||
<canvas id="spectrumChart"></canvas>
|
<canvas id="spectrumChart"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="legend">
|
||||||
|
<span class="legend-item"><span class="legend-swatch" style="background:#00bcd4"></span>Power Spectrum</span>
|
||||||
|
<span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:#ffc107"></span>Cutoff</span>
|
||||||
|
<span class="legend-item"><span class="legend-swatch legend-swatch-dashed" style="border-color:rgba(255,82,82,0.5)"></span>Noise Floor</span>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="metricsSection">
|
<section id="metricsSection">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue