Browse Source

Merge branch 'feature/y-axis' of duanxiaoduan/tmr-group-admin into release/v1.0.2

duanxiaoduan 1 year ago
parent
commit
a3877bc9ba
2 changed files with 151 additions and 25 deletions
  1. 21 9
      src/views/dashboard/index.vue
  2. 130 16
      src/views/statisticalAnalysis/errorAnalysis/index.vue

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

@@ -769,7 +769,9 @@
         })
       },
       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')
         if (this.accuracy.chart1.chartLine != null) {
           this.accuracy.chart1.chartLine.dispose()
         }
@@ -796,14 +798,24 @@
           }],
           yAxis: [{
             type: 'value',
-            min:0,
-            interval:25,
-            name: '(%)',
-            axisLine: {
-              lineStyle: {
-                color: '#666'
-              }
-            },
+            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: [{

+ 130 - 16
src/views/statisticalAnalysis/errorAnalysis/index.vue

@@ -3448,7 +3448,25 @@ export default {
         },
         xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '日期' },
         yAxis: {
-          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' }
+          type: 'value', name: '百分比',
+          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轴颜色
+            }
+          },
+          axisLabel: { formatter: '{value} %' }
         },
         series: (function() {
           var serie = []
@@ -3561,7 +3579,24 @@ export default {
         },
         xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data1, name: '日期' },
         yAxis: {
-          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' }
+          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' },
+          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轴颜色
+            }
+          },
         },
         series: [
           { name: '计划准确率', type: 'line', data: chartLine_data.data2 },
@@ -3696,7 +3731,24 @@ export default {
         },
         xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '日期' },
         yAxis: {
-          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' }
+          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' },
+          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轴颜色
+            }
+          },
         },
         series: (function() {
           var serie = []
@@ -3838,7 +3890,24 @@ export default {
         },
         xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name: '日期' },
         yAxis: {
-          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' }
+          type: 'value', name: '百分比', axisLabel: { formatter: '{value} %' },
+          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轴颜色
+            }
+          },
         },
         series: (function() {
           var serie = []
@@ -3958,11 +4027,24 @@ export default {
         ],
         yAxis: [
           {
-            splitLine: { show: false }, type: 'value',
-            name: '跳转次数',
-            axisLabel: {
-              formatter: '{value}'
-            }
+            splitLine: { show: false }, type: 'value', name: '跳转次数', axisLabel: { formatter: '{value}' },
+            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轴颜色
+              }
+            },
           },
           {
             splitLine: { show: false }, type: 'value',
@@ -4081,10 +4163,25 @@ export default {
         ],
         yAxis: [
           {
-            name: '次数',
-            interval: 1, // 会出现负数刻度
-            min: 0,
-            type: 'value'
+            name: '次数', interval: 1, // 会出现负数刻度
+            type: 'value',
+            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轴颜色
+              }
+            },
           }
         ],
         series: [
@@ -4254,9 +4351,26 @@ export default {
         yAxis: [{
           type: '',
           name: '时间',
-          mix: 0,
-          max: 24,
-          interval: 2,
+          // mix: 0,
+          // max: 24,
+          // interval: 2,
+          min:0,  //取0为最小刻度
+          max: 24, //取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轴颜色
+            }
+          },
           axisLabel: {
             formatter: function(value) {
               var texts = []