Add total sum to mempool chart.

Add zoom tools.
Add different theme for charts `big` and `small` (default).
Fix date format on mouseover.
Fix animations on graphs page.
Fix overflow tv page.
Remove `crosshair` on mouseover, changed to `line`.
Fix custom tooltip styles.
Remove inverted button (will add in a future PR).
Remove fee range labels (will add in a future PR).
Fix e2e testing.
This commit is contained in:
Miguel Medeiros
2021-08-25 01:01:35 -03:00
parent 9b956ff88d
commit 3574f8639e
7 changed files with 233 additions and 111 deletions

View File

@@ -36,25 +36,36 @@
<input ngbButton type="radio" [value]="'1y'" [routerLink]="['/graphs' | relativeUrl]" fragment="1y"> 1Y
</label>
</div>
<!-- <button (click)="invertGraph()" class="btn btn-primary btn-sm ml-2 d-none d-md-inline"><fa-icon [icon]="['fas', 'exchange-alt']" [rotate]="90" [fixedWidth]="true" i18n-title="statistics.component-invert.title" title="Invert"></fa-icon></button> -->
</form>
</div>
<div class="card-body">
<div class="incoming-transactions-graph">
<app-mempool-graph dir="ltr" [limitFee]="1200" [height]="550" [left]="60" [data]="mempoolStats"></app-mempool-graph>
<app-mempool-graph
dir="ltr"
[size]="'big'"
[limitFee]="1200"
[height]="500"
[left]="60"
[data]="mempoolStats"
></app-mempool-graph>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div>
<div class="card mb-3" *ngIf="mempoolTransactionsWeightPerSecondData">
<div class="card-header">
<i class="fa fa-area-chart"></i> <span i18n="statistics.transaction-vbytes-per-second">Transaction vBytes per second (vB/s)</span>
</div>
<div class="card-body">
<div class="incoming-transactions-graph">
<app-incoming-transactions-graph [height]="500" [data]="mempoolTransactionsWeightPerSecondData"></app-incoming-transactions-graph>
<app-incoming-transactions-graph
[height]="500"
[left]="60"
[size]="'big'"
[data]="mempoolTransactionsWeightPerSecondData"
></app-incoming-transactions-graph>
</div>
</div>
</div>