| | |
| | | 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 = []; |
| | |
| | | } |
| | | |
| | | 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); |
| | | } |
| | |
| | | fontSize: 14 |
| | | } |
| | | }, |
| | | color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'], |
| | | grid: { |
| | | top: 50, |
| | | left: 30, |
| | |
| | | }], |
| | | 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: [{ |
| | |
| | | }, |
| | | 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) { |