mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 06:47:52 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #1472 from mempool/nymkappa/feature/pool-chart-timespan

Browse source 
Add data zoom on pool hashrate chart
This commit is contained in:
softsimon 2022-03-29 19:52:56 +04:00 • committed by GitHub
commit 021a748e11
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/components/pool/pool.component.scss
View file

@ -31,6 +31,13 @@
}
}
.chart {
margin-bottom: 20px;
@media (max-width: 768px) {
margin-bottom: 10px;
}
}
div.scrollable {
width: 100%;
height: 100%;

28
frontend/src/app/components/pool/pool.component.ts
View file

@ -174,6 +174,34 @@ export class PoolComponent implements OnInit {
},
},
],
dataZoom: [{
type: 'inside',
realtime: true,
zoomLock: true,
maxSpan: 100,
minSpan: 10,
moveOnMouseMove: false,
}, {
fillerColor: '#aaaaff15',
borderColor: '#ffffff88',
showDetail: false,
show: true,
type: 'slider',
brushSelect: false,
realtime: true,
bottom: 0,
left: 20,
right: 15,
selectedDataBackground: {
lineStyle: {
color: '#fff',
opacity: 0.45,
},
areaStyle: {
opacity: 0,
},
},
}],
};
}