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

Merge pull request #2274 from mempool/nymkappa/bugfix/channel-map-disable-highlight

Browse Source 
Disable country highlight - Update node styling
This commit is contained in:
wiz 2022-08-11 21:38:12 +09:00 committed by GitHub
commit e48eab403c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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

@ -189,7 +189,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
center: this.center, center: this.center,
zoom: this.zoom, zoom: this.zoom,
tooltip: { tooltip: {
show: true show: false
}, },
map: 'world', map: 'world',
roam: this.style === 'widget' ? false : true, roam: this.style === 'widget' ? false : true,
@ -200,6 +200,9 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
scaleLimit: { scaleLimit: {
min: 1.3, min: 1.3,
max: 100000, max: 100000,
},
emphasis: {
disabled: true,
} }
}, },
series: [ series: [
@ -211,6 +214,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
geoIndex: 0, geoIndex: 0,
symbolSize: 4, symbolSize: 4,
tooltip: { tooltip: {
show: true,
backgroundColor: 'rgba(17, 19, 31, 1)', backgroundColor: 'rgba(17, 19, 31, 1)',
borderRadius: 4, borderRadius: 4,
shadowColor: 'rgba(0, 0, 0, 0.5)', shadowColor: 'rgba(0, 0, 0, 0.5)',
@ -227,12 +231,12 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
}, },
itemStyle: { itemStyle: {
color: 'white', color: 'white',
borderColor: 'black',
borderWidth: 2,
opacity: 1, opacity: 1,
borderColor: 'black',
borderWidth: 0,
}, },
blendMode: 'lighter', blendMode: 'lighter',
zlevel: 1, zlevel: 2,
}, },
{ {
large: false, large: false,
@ -251,7 +255,7 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
tooltip: { tooltip: {
show: false, show: false,
}, },
zlevel: 2, zlevel: 1,
} }
] ]
}; };
@ -292,12 +296,19 @@ export class NodesChannelsMap implements OnInit, OnDestroy {
series: this.chartOptions.series 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.opacity += e.zoom > 1 ? speed : -speed;
chartOptions.series[1].lineStyle.width += 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.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[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); this.chartInstance.setOption(chartOptions);
}); });