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 | 31 ++++++++++++++++++-------------
1 files changed, 18 insertions(+), 13 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue b/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
index 3e74266..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);
}
@@ -51,9 +52,10 @@
title: {
text: '杩濊鎯呭喌缁熻',
textStyle: {
- fontSize: '14px'
+ fontSize: 14
}
},
+ color: ['#3aa0ff', '#36cbcb', '#4dcb73', '#fad337', '#f2637b', '#975fe4'],
grid: {
top: 50,
left: 30,
@@ -77,12 +79,14 @@
end: 70
}],
xAxis: {
- data: xAxisData
+ //data: xAxisData
+ data: ['02-22', '02-23', '02-24', '02-25', '02-26', '02-27','02-28']
},
yAxis: {},
series: [{
type: 'custom',
name: 'trend',
+ color: 'aqua',
renderItem: this.renderItem,
itemStyle: {
borderWidth: 2
@@ -92,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