From 5fb65ada8ccc28eabf823b284de70fbd3ca1f41e Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 28 九月 2021 18:29:36 +0800
Subject: [PATCH] 抓拍大图层级修复v1
---
src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue b/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
index 0a47b29..3380c50 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
+++ b/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,
@@ -77,7 +79,8 @@
end: 70
}],
xAxis: {
- data: xAxisData
+ //data: xAxisData
+ data: ['02-22', '02-23', '02-24', '02-25', '02-26', '02-27','02-28']
},
yAxis: {},
series: [{
@@ -93,19 +96,20 @@
y: encodeY
},
data: customData,
- z: 100
- }].concat(this.$echarts.util.map(dataList, function (data, index) {
- return {
+ z: 1
+
+ }].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) {
--
Gitblit v1.8.0