EpicCash/epic_explorer
4
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

chart loading time optimized

Browse Source
This commit is contained in:
KarthiKeyanZ 2023-10-13 11:57:04 +05:30
parent 777932c2a8
commit e60cdfc04e
3 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/view/graph-view/graph-detail/graph-detail.component.ts
View File

@ -22,7 +22,7 @@ export class GraphDetailComponent implements OnInit {
public title: any; public title: any;
public id:any; public id:any;
public chartType : any = []; public chartType : any = [];
public selectedItem: Number = 1; public selectedItem: Number = 7;
public selectedItem8: Number = 1; public selectedItem8: Number = 1;
public selectedItem12: Number = 4; public selectedItem12: Number = 4;
public Type: any = ''; public Type: any = '';
@ -63,7 +63,7 @@ export class GraphDetailComponent implements OnInit {
switch(this.chartType){ switch(this.chartType){
case 'total-difficulty': case 'total-difficulty':
// this.totalDifficultyreq(); // this.totalDifficultyreq();
this.comp.Difficultyreq('total').then(res => { this.comp.Difficultyreq('total', '', '', 'all','').then(res => {
this.hashdata = this.comp.linearTotalGraphData; this.hashdata = this.comp.linearTotalGraphData;
console.log('this.comp.linearTotalGraphData',this.comp.linearTotalGraphData); console.log('this.comp.linearTotalGraphData',this.comp.linearTotalGraphData);
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
@ -71,7 +71,7 @@ export class GraphDetailComponent implements OnInit {
//this.hashdata.layout.yaxis2.position = 1.25; //this.hashdata.layout.yaxis2.position = 1.25;
this.title = 'Total Difficulty'; this.title = 'Total Difficulty';
this.id= 'total-difficulty'; this.id= 'total-difficulty';
this.selectedItem = 6; this.selectedItem = 7;
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
); );
@ -80,7 +80,7 @@ export class GraphDetailComponent implements OnInit {
break; break;
case 'target-difficulty': case 'target-difficulty':
// this.totalDifficultyreq(); // this.totalDifficultyreq();
this.comp.Difficultyreq('target','','','1 week').then(res => { this.comp.Difficultyreq('target','','','all').then(res => {
this.hashdata = this.comp.linearGraphData; this.hashdata = this.comp.linearGraphData;
// console.log('this.comp.linearGraphData',this.comp.linearGraphData); // console.log('this.comp.linearGraphData',this.comp.linearGraphData);
// this.hashdata.layout.height = 300; // this.hashdata.layout.height = 300;
@ -118,11 +118,11 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'blocks': case 'blocks':
this.comp.blockreq().then(res => { this.comp.blockreq('', '', 'all').then(res => {
this.hashdata = this.comp.barGraphData; this.hashdata = this.comp.barGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
this.title = 'Blocks'; this.title = 'Blocks';
this.selectedItem = 1; this.selectedItem = 7;
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
); );
@ -143,19 +143,19 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'transaction-fees': case 'transaction-fees':
this.comp.Transcationreq().then(res => { this.comp.Transcationreq('', '', 'all').then(res => {
this.hashdata = this.comp.transcationGraphData; this.hashdata = this.comp.transcationGraphData;
//console.log(this.hashdata); //console.log(this.hashdata);
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
this.title = 'Transaction Fees'; this.title = 'Transaction Fees';
this.selectedItem = 3; this.selectedItem = 7;
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
); );
}); });
break; break;
case 'supply-growth': case 'supply-growth':
this.comp.Growthreq("","","1 week").then(res => { this.comp.Growthreq('', '', 'all').then(res => {
this.hashdata = this.comp.growthGraphData; this.hashdata = this.comp.growthGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
this.title = 'Supply Growth'; this.title = 'Supply Growth';
@ -165,7 +165,7 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'blocks-mined': case 'blocks-mined':
this.comp.Blockminedreq('','','1 week').then(res => { this.comp.Blockminedreq('', '', 'all').then(res => {
this.hashdata = this.comp.doubleareaGraphData; this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
this.title = 'Blocks Mined'; this.title = 'Blocks Mined';
@ -187,7 +187,7 @@ export class GraphDetailComponent implements OnInit {
// }); // });
break; break;
case 'avg-block-interval': case 'avg-block-interval':
this.comp.Blockspersecreq('','','1 week').then(res => { this.comp.Blockspersecreq('', '', 'all').then(res => {
this.hashdata = this.comp.areaGraphData; this.hashdata = this.comp.areaGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
@ -199,7 +199,7 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'blocks-by-algorithm': case 'blocks-by-algorithm':
this.comp.stackchartreq('','','1 week').then(res => { this.comp.stackchartreq('', '', 'all').then(res => {
this.hashdata = this.comp.stackGraphData; this.hashdata = this.comp.stackGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
this.title = 'Blocks by Algorithm'; this.title = 'Blocks by Algorithm';
@ -219,7 +219,7 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'transactions-by-date': case 'transactions-by-date':
this.comp.Transactionlinechartreq('','','1 week').then(res => { this.comp.Transactionlinechartreq('', '', 'all').then(res => {
this.hashdata = this.comp.feeGraphData; this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height = 300; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =

40
src/app/view/home/graph-list/graph-list.component.html
View File

@ -23,7 +23,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Transactionlinechartreq('', '', '30 days'); selectedItem8 = 3 Transactionlinechartreq('', '', '30 days'); selectedItem8 = 3
" id="3" #item3 [ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> " id="3" #item3 [ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
Transactionlinechartreq('', '', '60 days'); selectedItem8 = 4 Transactionlinechartreq('', '', '60 days'); selectedItem8 = 4
" id="4" #item4 [ngClass]="{ active: selectedItem8 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> " id="4" #item4 [ngClass]="{ active: selectedItem8 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
@ -32,7 +32,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Transactionlinechartreq('', '', 'all'); selectedItem8 = 8; Transactionlinechartreq('', '', 'all'); selectedItem8 = 8;
" id="8" #item8 [ngClass]="{ active: selectedItem8 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="8" #item8 [ngClass]="{ active: selectedItem8 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/transactions-by-date"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/transactions-by-date"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
@ -97,16 +97,16 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
blockreq('', '', '30 days'); selectedItem3 = 3 blockreq('', '', '30 days'); selectedItem3 = 3
" id="3" #item33 [ngClass]="{ active: selectedItem3 == item33.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> " id="3" #item33 [ngClass]="{ active: selectedItem3 == item33.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
blockreq('', '', '60 days'); selectedItem3 = 4 blockreq('', '', '60 days'); selectedItem3 = 4
" id="4" #item34 [ngClass]="{ active: selectedItem3 == item34.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> " id="4" #item34 [ngClass]="{ active: selectedItem3 == item34.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
blockreq('', '', '3 months'); selectedItem3 = 5 blockreq('', '', '3 months'); selectedItem3 = 5
" id="5" #item35 [ngClass]="{ active: selectedItem3 == item35.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> " id="5" #item35 [ngClass]="{ active: selectedItem3 == item35.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> -->
<!--
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
blockreq('', '', 'all'); selectedItem3 = 7; blockreq('', '', 'all'); selectedItem3 = 7;
" id="7" #item37 [ngClass]="{ active: selectedItem3 == item37.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="7" #item37 [ngClass]="{ active: selectedItem3 == item37.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/blocks"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/blocks"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
@ -136,13 +136,13 @@
[ngClass]="{ active: selectedItem5 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem5 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Growthreq('', '', '30 days'); selectedItem5 = 3" id="3" #item3 <a href="JavaScript:void(0);" (click)="Growthreq('', '', '30 days'); selectedItem5 = 3" id="3" #item3
[ngClass]="{ active: selectedItem5 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem5 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Growthreq('', '', '60 days'); selectedItem5 = 4" id="4" #item4 <!-- <a href="JavaScript:void(0);" (click)="Growthreq('', '', '60 days'); selectedItem5 = 4" id="4" #item4
[ngClass]="{ active: selectedItem5 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem5 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Growthreq('', '', '3 months'); selectedItem5 = 5" id="5" #item5 <a href="JavaScript:void(0);" (click)="Growthreq('', '', '3 months'); selectedItem5 = 5" id="5" #item5
[ngClass]="{ active: selectedItem5 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> [ngClass]="{ active: selectedItem5 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Growthreq('', '', 'all'); selectedItem5 = 7; Growthreq('', '', 'all'); selectedItem5 = 7;
" id="7" #item7 [ngClass]="{ active: selectedItem5 == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="7" #item7 [ngClass]="{ active: selectedItem5 == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/supply-growth"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/supply-growth"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
@ -174,7 +174,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
stackchartreq('', '', '30 days'); selectedItem10 = 3 stackchartreq('', '', '30 days'); selectedItem10 = 3
" id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> " id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
stackchartreq('', '', '60 days'); selectedItem10 = 4 stackchartreq('', '', '60 days'); selectedItem10 = 4
" id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> " id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
@ -183,7 +183,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
stackchartreq('', '', 'all'); selectedItem10 = 8; stackchartreq('', '', 'all'); selectedItem10 = 8;
" id="8" #item8 [ngClass]="{ active: selectedItem10 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="8" #item8 [ngClass]="{ active: selectedItem10 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/blocks-by-algorithm"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/blocks-by-algorithm"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
@ -214,13 +214,13 @@
[ngClass]="{ active: selectedItem7 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem7 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '30 days'); selectedItem7 = 3" id="3" #item3 <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '30 days'); selectedItem7 = 3" id="3" #item3
[ngClass]="{ active: selectedItem7 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem7 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '60 days'); selectedItem7 = 4" id="4" #item4 <!-- <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '60 days'); selectedItem7 = 4" id="4" #item4
[ngClass]="{ active: selectedItem7 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem7 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '3 months'); selectedItem7 = 5" id="5" #item5 <a href="JavaScript:void(0);" (click)="Blockminedreq('', '', '3 months'); selectedItem7 = 5" id="5" #item5
[ngClass]="{ active: selectedItem7 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> [ngClass]="{ active: selectedItem7 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Blockminedreq('', '', 'all'); selectedItem7 = 8; Blockminedreq('', '', 'all'); selectedItem7 = 8;
" id="8" #item8 [ngClass]="{ active: selectedItem7 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="8" #item8 [ngClass]="{ active: selectedItem7 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/blocks-mined"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/blocks-mined"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
@ -250,11 +250,11 @@
[ngClass]="{ active: selectedItem4 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem4 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Transcationreq('', '', '30 days'); selectedItem4 = 3" id="3" #item3 <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '30 days'); selectedItem4 = 3" id="3" #item3
[ngClass]="{ active: selectedItem4 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem4 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Transcationreq('', '', '60 days'); selectedItem4 = 4" id="4" #item4 <!-- <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '60 days'); selectedItem4 = 4" id="4" #item4
[ngClass]="{ active: selectedItem4 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem4 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Transcationreq('', '', '3 months'); selectedItem4 = 5" id="5" #item5 <a href="JavaScript:void(0);" (click)="Transcationreq('', '', '3 months'); selectedItem4 = 5" id="5" #item5
[ngClass]="{ active: selectedItem4 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> [ngClass]="{ active: selectedItem4 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Transcationreq('', '', 'all'); selectedItem4 = 7;" id="7" #item7 [ngClass]="{ active: selectedItem4 == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> <a href="JavaScript:void(0);" (click)="Transcationreq('', '', 'all'); selectedItem4 = 7;" id="7" #item7 [ngClass]="{ active: selectedItem4 == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/transaction-fees"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/transaction-fees"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
@ -309,14 +309,14 @@
[ngClass]="{ active: selectedItem2 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem2 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '30 days'); selectedItem2 = 3" id="3" #item3 <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '30 days'); selectedItem2 = 3" id="3" #item3
[ngClass]="{ active: selectedItem2 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem2 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '60 days'); selectedItem2 = 4" id="4" #item4 <!-- <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '60 days'); selectedItem2 = 4" id="4" #item4
[ngClass]="{ active: selectedItem2 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> [ngClass]="{ active: selectedItem2 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '3 months'); selectedItem2 = 5" id="5" #item5 <a href="JavaScript:void(0);" (click)="Blockspersecreq('', '', '3 months'); selectedItem2 = 5" id="5" #item5
[ngClass]="{ active: selectedItem2 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> [ngClass]="{ active: selectedItem2 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Blockspersecreq('', '', 'all'); selectedItem2 = 8; Blockspersecreq('', '', 'all'); selectedItem2 = 8;
" id="8" #item8 [ngClass]="{ active: selectedItem2 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="8" #item8 [ngClass]="{ active: selectedItem2 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/avg-block-interval"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/avg-block-interval"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
@ -348,7 +348,7 @@
Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days' Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days'
" id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30 " id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30
{{'home.DAYS' | translate}}</a> {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', '60 days',''); selectedTarget = 4; TdifficultyRange = '60 days' Difficultyreq('total', '', '', '60 days',''); selectedTarget = 4; TdifficultyRange = '60 days'
" id="4" #itemtarget4 [ngClass]="{ active: selectedTarget == itemtarget4.id, day60_txt: true }">60 " id="4" #itemtarget4 [ngClass]="{ active: selectedTarget == itemtarget4.id, day60_txt: true }">60
{{'home.DAYS' | translate}}</a> {{'home.DAYS' | translate}}</a>
@ -358,7 +358,7 @@
{{'home.MONTHS' | translate}}</a> {{'home.MONTHS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', 'all',''); selectedTarget = 7; TdifficultyRange = '' Difficultyreq('total', '', '', 'all',''); selectedTarget = 7; TdifficultyRange = ''
" id="7" #itemtarget7 [ngClass]="{ active: selectedTarget == itemtarget7.id, dayall_txt: true }">{{'home.All' | translate}}</a> " id="7" #itemtarget7 [ngClass]="{ active: selectedTarget == itemtarget7.id, dayall_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
@ -412,7 +412,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days' Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days'
" id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a> " id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days' Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days'
" id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a> " id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
@ -421,7 +421,7 @@
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', 'all',''); selectedItem = 7; difficultyRange = '' Difficultyreq('target', '', '', 'all',''); selectedItem = 7; difficultyRange = ''
" id="7" #item7 [ngClass]="{ active: selectedItem == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> " id="7" #item7 [ngClass]="{ active: selectedItem == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a> -->
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a> <a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>

26
src/app/view/home/graph-list/graph-list.component.ts
View File

@ -49,14 +49,14 @@ export class GraphListComponent implements OnInit {
public selectedItem: Number = 6; public selectedItem: Number = 6;
public selectedItem3: Number = 1; public selectedItem3: Number = 1;
public selectedItem2: Number = 3; public selectedItem2: Number = 1;
public selectedItem4: Number = 3; public selectedItem4: Number = 1;
public selectedItem5: Number = 3; public selectedItem5: Number = 1;
public selectedItem7: Number = 3; public selectedItem7: Number = 1;
public selectedItem8: Number = 3; public selectedItem8: Number = 1;
public selectedItem81: Number = 1; public selectedItem81: Number = 1;
public selectedItem9: Number = 3; public selectedItem9: Number = 3;
public selectedItem10: Number = 3; public selectedItem10: Number = 1;
public selectedItem11: Number = 3; public selectedItem11: Number = 3;
public selectedItem12: Number = 4; public selectedItem12: Number = 4;
public selectedTarget: Number = 6; public selectedTarget: Number = 6;
@ -88,33 +88,33 @@ export class GraphListComponent implements OnInit {
/* Total Difficulty and blocks chart fetching */ /* Total Difficulty and blocks chart fetching */
this.Difficultyreq('target'); this.Difficultyreq('target');
this.Difficultyreq('total'); this.Difficultyreq('total');
this.blockreq(); this.blockreq('', '', '1 week');
this.Blockintervalreq(); this.Blockintervalreq();
/* Transcation fee chart fetching */ /* Transcation fee chart fetching */
this.Transcationreq(); this.Transcationreq('', '', '1 week');
/* Growth chart fetching */ /* Growth chart fetching */
this.Growthreq(); this.Growthreq('', '', '1 week');
/* Blockspersec chart fetching */ /* Blockspersec chart fetching */
this.Blockspersecreq(); this.Blockspersecreq('', '', '1 week');
/* Blockmined chart fetching */ /* Blockmined chart fetching */
this.Blockminedreq(); this.Blockminedreq('', '', '1 week');
/* Transactionheatmap chart fetching */ /* Transactionheatmap chart fetching */
this.Transactionheatmapreq(); this.Transactionheatmapreq();
/* Transactionline chart fetching */ /* Transactionline chart fetching */
this.Transactionlinechartreq(); this.Transactionlinechartreq('','','1 week');
/* Transaction2line chart fetching */ /* Transaction2line chart fetching */
// this.Transactiondoublelinechartreq(); // this.Transactiondoublelinechartreq();
/* Stack chart fetching */ /* Stack chart fetching */
this.stackchartreq(); this.stackchartreq('','','1 week');
/* Pie chart fetching */ /* Pie chart fetching */
// this.piechartreq(); // this.piechartreq();