diff --git a/frontend/src/app/components/pool-ranking/pool-ranking.component.ts b/frontend/src/app/components/pool-ranking/pool-ranking.component.ts index a5bf79678..64420229c 100644 --- a/frontend/src/app/components/pool-ranking/pool-ranking.component.ts +++ b/frontend/src/app/components/pool-ranking/pool-ranking.component.ts @@ -200,6 +200,11 @@ export class PoolRankingComponent implements OnInit { } prepareChartOptions(miningStats) { + let pieSize = ['20%', '80%']; // Desktop + if (this.isMobile() && !this.widget) { + pieSize = ['15%', '60%']; + } + this.chartOptions = { animation: false, color: chartColors, @@ -215,7 +220,7 @@ export class PoolRankingComponent implements OnInit { minShowLabelAngle: 3.6, name: 'Mining pool', type: 'pie', - radius: ['20%', '80%'], + radius: pieSize, data: this.generatePoolsChartSerieData(miningStats), labelLine: { lineStyle: { @@ -224,6 +229,7 @@ export class PoolRankingComponent implements OnInit { }, label: { fontSize: 14, + formatter: (serie) => `${serie.name === 'Binance Pool' ? 'Binance\nPool' : serie.name}`, }, itemStyle: { borderRadius: 1, diff --git a/frontend/src/app/services/mining.service.ts b/frontend/src/app/services/mining.service.ts index 7806debd7..0f1b54235 100644 --- a/frontend/src/app/services/mining.service.ts +++ b/frontend/src/app/services/mining.service.ts @@ -57,7 +57,7 @@ export class MiningService { // I think it's fine to hardcode this since we don't have x1000 hashrate jump everyday // If we want to support the mining dashboard for testnet, we can hardcode it too - let selectedPower = 15; + let selectedPower = 18; if (this.stateService.network === 'testnet') { selectedPower = 12; }