machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Disable country highlight - Update node styling

Browse Source
This commit is contained in:
nymkappa 2022-08-10 16:42:01 +02:00
parent ff370684f1
commit b31a82d27e
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/app/lightning/nodes-channels-map/nodes-channels-map.component.ts
View File

@ -146,7 +146,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
center: this.center,
zoom: this.zoom,
tooltip: {
show: true
show: false
},
map: 'world',
roam: this.style === 'widget' ? false : true,
@ -157,6 +157,9 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
scaleLimit: {
min: 1.3,
max: 100000,
},
emphasis: {
disabled: true,
}
},
series: [
@ -169,6 +172,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
geoIndex: 0,
symbolSize: 4,
tooltip: {
show: true,
backgroundColor: 'rgba(17, 19, 31, 1)',
borderRadius: 4,
shadowColor: 'rgba(0, 0, 0, 0.5)',
@ -185,12 +189,12 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
},
itemStyle: {
color: 'white',
borderColor: 'black',
borderWidth: 2,
opacity: 1,
borderColor: 'black',
borderWidth: 0,
},
blendMode: 'lighter',
zlevel: 1,
zlevel: 2,
},
{
large: true,
@ -209,7 +213,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
tooltip: {
show: false,
},
zlevel: 2,
zlevel: 1,
}
]
};
@ -250,12 +254,19 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
series: this.chartOptions.series
};
let nodeBorder = 0;
if (this.chartInstance.getOption().geo[0].zoom > 5000) {
nodeBorder = 2;
}
chartOptions.series[0].itemStyle.borderWidth = nodeBorder;
chartOptions.series[0].symbolSize += e.zoom > 1 ? speed * 15 : -speed * 15;
chartOptions.series[0].symbolSize = Math.max(4, Math.min(7, chartOptions.series[0].symbolSize));
chartOptions.series[1].lineStyle.opacity += e.zoom > 1 ? speed : -speed;
chartOptions.series[1].lineStyle.width += e.zoom > 1 ? speed : -speed;
chartOptions.series[0].symbolSize += e.zoom > 1 ? speed * 10 : -speed * 10;
chartOptions.series[1].lineStyle.opacity = Math.max(0.05, Math.min(0.5, chartOptions.series[1].lineStyle.opacity));
chartOptions.series[1].lineStyle.width = Math.max(0.5, Math.min(1, chartOptions.series[1].lineStyle.width));
chartOptions.series[0].symbolSize = Math.max(4, Math.min(5.5, chartOptions.series[0].symbolSize));
this.chartInstance.setOption(chartOptions);
});