Increased size of the benchmark charts; disabled the chart display while the chart is being generated
This commit is contained in:
@ -9,6 +9,7 @@ $ ->
|
|||||||
a.click()
|
a.click()
|
||||||
|
|
||||||
$('#reports-button').on 'click', (e) ->
|
$('#reports-button').on 'click', (e) ->
|
||||||
|
$('#reports-download').attr('disabled', true)
|
||||||
chartInstance.destroy() if chartInstance
|
chartInstance.destroy() if chartInstance
|
||||||
|
|
||||||
benchmarkId = $('#report-benchmarks').val()
|
benchmarkId = $('#report-benchmarks').val()
|
||||||
@ -78,3 +79,4 @@ $ ->
|
|||||||
plugins: [ChartDataLabels]
|
plugins: [ChartDataLabels]
|
||||||
|
|
||||||
$('#reports-download').attr('disabled', false)
|
$('#reports-download').attr('disabled', false)
|
||||||
|
$('#benchmark-chart')[0].removeClass('disabled')
|
||||||
|
@ -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-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;
|
$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{
|
body{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
@ -45,8 +45,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-5">
|
<div class="col-12">
|
||||||
<canvas id="benchmark-chart" width="800" height="400"></canvas>
|
<canvas id="benchmark-chart" class="disabled" width="1200" height="720"></canvas>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user