hanbaoshan
2021-02-28 7712b788faf815e8e39d5bbbd61b5e4261eee7b2
src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
@@ -19,7 +19,8 @@
    mockData () {
      var dimension = ['未鸣笛', '未手比', '未呼唤', '运行中睡觉', '未检查', '未应答'];
      var categoryCount = 30;
      var yDatas = [[4, 23, 13, 0, 1, 1], [2, 16, 16, 0, 1, 1], [5, 20, 20, 0, 2, 1], [4, 19, 15, 0, 1, 2], [3, 16, 14, 1, 0, 4], [1, 17, 13, 0, 1, 1], [2, 9, 9, 0, 1, 2]];
      var categoryCount = 7;
      var xAxisData = [];
      var customData = [];
      var legendData = [];
@@ -34,15 +35,15 @@
      }
      for (var i = 0; i < categoryCount; i++) {
        var val = Math.random() * 1000;
        //var val = yDatas[i];
        xAxisData.push('category' + i);
        var customVal = [i];
        customData.push(customVal);
        for (var j = 0; j < dataList.length; j++) {
          var value = j === 0
            ? this.$echarts.number.round(val, 2)
            : this.$echarts.number.round(Math.max(0, dataList[j - 1][i] + (Math.random() - 0.5) * 200), 2);
            ? this.$echarts.number.round(yDatas[i][j], 2)
            : yDatas[i][j]
          dataList[j].push(value);
          customVal.push(value);
        }
@@ -54,6 +55,7 @@
            fontSize: 14
          }
        },
        color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
        grid: {
          top: 50,
          left: 30,
@@ -78,7 +80,7 @@
        }],
        xAxis: {
          //data: xAxisData
          data: ['02-22','02-23','02-24','02-25','02-26','02-27']
          data: ['02-22', '02-23', '02-24', '02-25', '02-26', '02-27','02-28']
        },
        yAxis: {},
        series: [{
@@ -95,18 +97,19 @@
          },
          data: customData,
          z: 1
        }].concat(this.$echarts.util.map(dataList, function (data, index) {
          return {
        }].concat(dataList.map(function (data, index) {
        return {
            type: 'bar',
            animation: false,
            name: legendData[index + 1],
            itemStyle: {
              opacity: 0.7
                opacity: 0.7
            },
            color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'][index],
            data: data
          };
        }))
        };
    }))
      }
    },
    renderItem (params, api) {