mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-20 10:21:52 +01:00
Code Issues Projects Releases Wiki Activity

Show "No data to display yet" in "Fee distribution" chart on node page when there are no channels yet

Browse Source
This commit is contained in:
nymkappa 2023-03-22 14:09:30 +09:00
parent f1f6c48128
commit ed69591bcf
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/lightning/node-fee-chart/node-fee-chart.component.ts
View File

@ -101,8 +101,15 @@ export class NodeFeeChartComponent implements OnInit {
} }
prepareChartOptions(outgoingData, incomingData): void { prepareChartOptions(outgoingData, incomingData): void {
let sum = outgoingData.reduce((accumulator, object) => {
return accumulator + object.count;
}, 0);
sum += incomingData.reduce((accumulator, object) => {
return accumulator + object.count;
}, 0);
let title: object; let title: object;
if (outgoingData.length === 0) { if (sum === 0) {
title = { title = {
textStyle: { textStyle: {
color: 'grey', color: 'grey',
@ -115,7 +122,7 @@ export class NodeFeeChartComponent implements OnInit {
} }
this.chartOptions = { this.chartOptions = {
title: outgoingData.length === 0 ? title : undefined, title: sum === 0 ? title : undefined,
animation: false, animation: false,
grid: { grid: {
top: 30, top: 30,
@ -151,7 +158,7 @@ export class NodeFeeChartComponent implements OnInit {
`; `;
} }
}, },
xAxis: outgoingData.length === 0 ? undefined : { xAxis: sum === 0 ? undefined : {
type: 'category', type: 'category',
axisLine: { onZero: true }, axisLine: { onZero: true },
axisLabel: { axisLabel: {
@ -163,7 +170,7 @@ export class NodeFeeChartComponent implements OnInit {
}, },
data: outgoingData.map(bucket => bucket.label) data: outgoingData.map(bucket => bucket.label)
}, },
legend: outgoingData.length === 0 ? undefined : { legend: sum === 0 ? undefined : {
padding: 10, padding: 10,
data: [ data: [
{ {
@ -184,7 +191,7 @@ export class NodeFeeChartComponent implements OnInit {
}, },
], ],
}, },
yAxis: outgoingData.length === 0 ? undefined : [ yAxis: sum === 0 ? undefined : [
{ {
type: 'value', type: 'value',
axisLabel: { axisLabel: {
@ -202,7 +209,7 @@ export class NodeFeeChartComponent implements OnInit {
}, },
}, },
], ],
series: outgoingData.length === 0 ? undefined : [ series: sum === 0 ? undefined : [
{ {
zlevel: 0, zlevel: 0,
name: $localize`Outgoing Fees`, name: $localize`Outgoing Fees`,