Browse Source

修改了Y轴刻度线问题

duanxiaoduan 1 year ago
parent
commit
09ffc4f0f7
1 changed files with 31 additions and 9 deletions
  1. 31 9
      src/views/dashboard/index.vue

+ 31 - 9
src/views/dashboard/index.vue

@@ -769,7 +769,14 @@
         })
       },
       roadChartLine1(chartLine_data) {
-        console.log(chartLine_data,'chartLine_data')
+        console.log(chartLine_data,'chartLine_data')
+        console.log(this.accuracy.chart1.lineData1.max_value,'max')
+        console.log(this.accuracy.chart1.lineData1.min_value,'min')
+        var min = this.accuracy.chart1.lineData1.min_value
+        var max = this.accuracy.chart1.lineData1.max_value
+        if(this.accuracy.chart1.lineData1.min_value > 0){
+          min = this.accuracy.chart1.lineData1.min_value - 20
+        }
         if (this.accuracy.chart1.chartLine != null) {
           this.accuracy.chart1.chartLine.dispose()
         }
@@ -796,14 +803,29 @@
           }],
           yAxis: [{
             type: 'value',
-            min:0,
-            interval:25,
-            name: '(%)',
-            axisLine: {
-              lineStyle: {
-                color: '#666'
-              }
-            },
+            // min:min,
+            // max:max,
+            // min:0,
+            // interval:25,
+            min:0,  //取0为最小刻度
+            max: 100, //取100为最大刻度
+
+            min:'min', //取最小值为最小刻度
+            max: 'max', //取最大值为最大刻度
+            min: function(value) {//取最小值向下取整为最小刻度
+              return Math.floor(value.min)
+            },
+            max: function(value) {//取最大值向上取整为最大刻度
+              return  Math.ceil(value.max)
+            },
+            scale: true, //自适应
+            minInterval: 2, //分割刻度
+            axisLine: {
+              lineStyle: {
+                color: "#666", //最左侧Y轴颜色
+              }
+            },
+            name: '(%)'
           }],
           color: ['#4b07fa', '#0f96fc', '#ff42a9', '#ff724c', '#05fbf0', '#ffae00', '#b705fa', '#9a60b4', '#3cff00'],
           series: [{