Increased size of the benchmark charts; disabled the chart display while the chart is being generated

This commit is contained in:
2025-07-02 17:52:26 -04:00
parent 3f5f374a36
commit 7a8b5a674c
3 changed files with 8 additions and 2 deletions

View File

@ -9,6 +9,7 @@ $ ->
a.click()
$('#reports-button').on 'click', (e) ->
$('#reports-download').attr('disabled', true)
chartInstance.destroy() if chartInstance
benchmarkId = $('#report-benchmarks').val()
@ -78,3 +79,4 @@ $ ->
plugins: [ChartDataLabels]
$('#reports-download').attr('disabled', false)
$('#benchmark-chart')[0].removeClass('disabled')

View File

@ -9,6 +9,10 @@ $shadow-normal: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
$shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
$shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
.disabled{
display: none;
}
body{
font-size: 18px;
}

View File

@ -45,8 +45,8 @@
</div>
<div class="row">
<div class="col-5">
<canvas id="benchmark-chart" width="800" height="400"></canvas>
<div class="col-12">
<canvas id="benchmark-chart" class="disabled" width="1200" height="720"></canvas>
</div>
</div>