瀏覽代碼

王子文 生产日报 趋势图y轴最小值、最大值自适应缩放

wangggziwen 2 年之前
父節點
當前提交
bc1a324a81
共有 1 個文件被更改,包括 19 次插入0 次删除
  1. 19 0
      ui/src/views/production/daily/index.vue

+ 19 - 0
ui/src/views/production/daily/index.vue

@@ -2857,6 +2857,8 @@ export default {
   components: { Treeselect },
   data() {
     return {
+      maxValue: null,
+      minValue: null,
       chart: null,
       // 遮罩层
       loading: true,
@@ -4086,6 +4088,8 @@ export default {
     draw() {
       getAnalysisData(this.analysisQueryParams).then(response => {
         let data = response.data;
+        this.maxValue = 0;
+        this.minValue = data[0].valueData;
         for (let i = 0; i < data.length; i++) {
           if (data[i].valueData != null) {
             if (data[i].valueData.toString().search("%") != -1) {
@@ -4094,6 +4098,12 @@ export default {
               this.valueList[i] = data[i].valueData;
             }
             this.dateList[i] = data[i].dateData;
+            if (data[i].valueData > this.maxValue) {
+              this.maxValue = data[i].valueData;
+            }
+            if (data[i].valueData < this.minValue) {
+              this.minValue = data[i].valueData;
+            }
           }
         }
         this.chart = this.echarts.init(document.getElementById("bottomRightChartDialog"));
@@ -4110,6 +4120,15 @@ export default {
             name: '日期'
           },
           yAxis: {
+            max: this.maxValue,
+            min: this.minValue,
+            min: function(value) {//取最小值向下取整为最小刻度
+              return Math.floor(value.min)
+            },
+            max: function(value) {//取最大值向上取整为最大刻度
+              return  Math.ceil(value.max)
+            },
+            scale: true,
             type: 'value',
             name: '值'
           },