pref: null data in charts

Author: ulleo

frontend/src/views/chat/component/charts/Bar.ts

@@ -106,7 +106,13 @@ export class Bar extends BaseG2Chart {
       },
       labels: [
         {
-          text: (data: any) => `${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
+          text: (data: any) => {
+            const value = data[y[0].value]
+            if (value === undefined || value === null) {
+              return ''
+            }
+            return `${value}${_data.isPercent ? '%' : ''}`
+          },
           transform: [
             { type: 'contrastReverse' },
             { type: 'exceedAdjust' },

frontend/src/views/chat/component/charts/Column.ts

@@ -95,7 +95,13 @@ export class Column extends BaseG2Chart {
       },
       labels: [
         {
-          text: (data: any) => `${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
+          text: (data: any) => {
+            const value = data[y[0].value]
+            if (value === undefined || value === null) {
+              return ''
+            }
+            return `${value}${_data.isPercent ? '%' : ''}`
+          },
           position: 'top',
           transform: [
             { type: 'contrastReverse' },

frontend/src/views/chat/component/charts/Line.ts

@@ -61,7 +61,13 @@ export class Line extends BaseG2Chart {
           },
           labels: [
             {
-              text: (data: any) => `${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
+              text: (data: any) => {
+                const value = data[y[0].value]
+                if (value === undefined || value === null) {
+                  return ''
+                }
+                return `${value}${_data.isPercent ? '%' : ''}`
+              },
               style: {
                 dx: -10,
                 dy: -12,