浏览代码

解决ios里柱状图汉字太小的问题

任一存 3 年之前
父节点
当前提交
f04bb4ce0d
共有 1 个文件被更改,包括 10 次插入6 次删除
  1. 10 6
      src/views/Chart.vue

+ 10 - 6
src/views/Chart.vue

@@ -359,6 +359,10 @@ export default {
         }
       }
       return ret
+    },
+    // ios里echart的x轴数据名必须这么设置……
+    echartFontSize() {
+      return window.innerHeight * 0.025276 * 0.7 + 'px'
     }
   },
   mounted() {
@@ -424,7 +428,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {
@@ -459,7 +463,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {
@@ -494,7 +498,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {
@@ -529,7 +533,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {
@@ -564,7 +568,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {
@@ -599,7 +603,7 @@ export default {
             }
           },
           axisLabel: {
-            fontSize: '0.7rem',
+            fontSize: this.echartFontSize,
           }
         },
         yAxis: {