瀏覽代碼

首页柱状图优化,太长的x轴label做部分隐藏处理

guanglong 3 年之前
父節點
當前提交
f3d9aeef39
共有 1 個文件被更改,包括 24 次插入2 次删除
  1. 24 2
      src/views/index.vue

+ 24 - 2
src/views/index.vue

@@ -482,7 +482,18 @@ export default {
           }
         },
         xAxis: {
-          data: []
+          data: [],
+          axisLabel: {
+              interval: 0,
+              rotate: 0,
+              formatter:function(value){
+                  if(value.length > 7){
+                    return value.substring(0,6) +"..."
+                  }else{
+                    return value
+                  }
+              }
+          },
         },
         yAxis: {},
         series: [
@@ -524,7 +535,18 @@ export default {
           }
         },
         xAxis: {
-          data: []
+          data: [],
+          axisLabel: {
+              interval: 0,
+              rotate: 0,
+              formatter:function(value){
+                  if(value.length > 7){
+                    return value.substring(0,6) +"..."
+                  }else{
+                    return value
+                  }
+              }
+          },
         },
         yAxis: {},
         series: [