From 7712b788faf815e8e39d5bbbd61b5e4261eee7b2 Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期日, 28 二月 2021 18:54:54 +0800
Subject: [PATCH] 朔黄首页更新
---
src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue | 25 ++++++++++++++-----------
1 files changed, 14 insertions(+), 11 deletions(-)
diff --git a/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue b/src/pages/shuohuangMonitorAnalyze/components/charts/dataset.vue
index fe0780b..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,
@@ -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) {
--
Gitblit v1.8.0