Browse Source

解决拼接label字符串出现无数据问题

chenzhenguo 3 years ago
parent
commit
b1e56b1f9c
1 changed files with 14 additions and 1 deletions
  1. 14 1
      dgtis-ui/src/views/dashboard/BarChart3.vue

+ 14 - 1
dgtis-ui/src/views/dashboard/BarChart3.vue

@@ -86,7 +86,20 @@
             axisPointer: { // 坐标轴指示器,坐标轴触发有效
             axisPointer: { // 坐标轴指示器,坐标轴触发有效
               type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
               type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
             },
             },
-            formatter:'{b}<br />{a0}: {c0}万<br />{a1}: {c1}元'
+         //   formatter:'{b}<br />{a0}: {c0}万<br />{a1}: {c1}元'
+            //解决拼接label字符串出现无数据问题
+            formatter:function(data){
+              var label = '';
+
+              if(data[0]){
+                label+= data[0].axisValue +'<br />'+data[0].seriesName  +":"+  data[0].value +'万<br />';
+
+              }
+              if(data[1]){
+                label+=  data[1].seriesName +":"+data[1].value +'元';
+              }
+              return label;
+            },
           },
           },
           color:that.data.color,
           color:that.data.color,
           legend: {
           legend: {