Added fee distribution Pie Chart to the block inspector.

This commit is contained in:
Simon Lindh
2019-08-18 17:22:16 +03:00
parent bd19b88f11
commit 9b287336d0
9 changed files with 169 additions and 119 deletions

View File

@@ -0,0 +1,30 @@
<div style="height: 400px;" *ngIf="mempoolVsizeFeesData; else loadingFees">
<form [formGroup]="radioGroupForm" style="position: absolute;">
<div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" formControlName="model">
<label ngbButtonLabel class="btn-primary btn-sm">
<input ngbButton type="radio" value="line"> Line
</label>
<label ngbButtonLabel class="btn-primary btn-sm">
<input ngbButton type="radio" value="pie"> Pie
</label>
</div>
</form>
<app-chartist
*ngIf="radioGroupForm.get('model')?.value === 'pie'"
[data]="mempoolVsizeFeesPieData"
[type]="'Pie'"
[options]="mempoolVsizeFeesPieOptions">
</app-chartist>
<app-chartist
*ngIf="radioGroupForm.get('model')?.value === 'line'"
[data]="mempoolVsizeFeesData"
[type]="'Bar'"
[options]="mempoolVsizeFeesOptions">
</app-chartist>
</div>
<ng-template #loadingFees>
<div class="text-center">
<div class="spinner-border text-light"></div>
</div>
</ng-template>