zhengkaixin 3 周之前
父节点
当前提交
2e33c0a42d
共有 1 个文件被更改,包括 49 次插入27 次删除
  1. 49 27
      pages/index/index.vue

+ 49 - 27
pages/index/index.vue

@@ -1113,48 +1113,58 @@
 
 				var key = "body5echart"
 				var dataApi = this.body5data.data;
-				var szTimeShow=[]
+				var szTimeShow=[] // 字显示
+				var szTimeShowNum=[] //占多少单元格
 				dataApi.forEach(item => {
+					var querySz=[]
 					var sz=[]
-					var indexNum=0
+					var szNum=[]
 					var i=0
 					var str=""
 					var error=""
+					
+					var indexNum=0
+					
 					item.timeUseList.forEach(item2 => {
 					
 					
 						Object.keys(item2).forEach(key1 => {
+							querySz.push(key1);
+							
 							if (item2[key1]) {
-								if(indexNum==0){
-									indexNum=i
-									
-									str=key1
-								}else{
-									str=""
-									
-									var k1=sz[indexNum]
-									var k2=k1.split("-")[0]+"-"+key1.split("-")[1]
-									sz[indexNum]=k2
-								}
+								indexNum++;
 								
+								sz.push("")
+								szNum.push(0)
 								
 							} else {
-								str=""
-								indexNum=0
+								if(indexNum!=0){
+									 
+									var start=querySz[i-indexNum].split("-")[0]
+									var end=querySz[i-1].split("-")[1]
+									szNum[i-1]=indexNum;
+									indexNum=0
+									sz[i-1]=(start+"-"+end)
+								}
+								sz.push("")
+								szNum.push(0)
+								
 							}	
 							
 						});
-						sz.push(str)
+						
 						error+=","
 						i++
 					})
 					
 					if(error!=(sz.join()+",")){
 						szTimeShow.push(sz)
+						szTimeShowNum.push(szNum)
 					}
+				
 					
 				})
-				console.log(szTimeShow)
+				console.log(szTimeShow,szTimeShowNum)
 				
 				
 				
@@ -1185,7 +1195,7 @@
 						Object.keys(item2).forEach(key1 => {
 							
 							if (item2[key1]) {
-								console.log(key1)
+								
 								var ob = [j, i, i,'']
 								
 								itemList.push(ob)
@@ -1206,7 +1216,8 @@
 							trigger: 'item',
 							axisPointer: {
 								type: 'shadow'
-							},
+							},
+
 							formatter: function(params) {
 								
 								var result = params.marker + params.name + '点<br/>' + params.seriesName +
@@ -1221,16 +1232,21 @@
 						// tooltip: {
 						// 	//trigger: 'none',
 						// 	show: false
-						// },
+						// },
+						
 						itemStyle: {
 							color: colorMap[i % colorMap.length]
-						},
+						},
+						
+						        // 重点:设置较高的 z 值
+						
 						renderItem: function(params, api) {
 							
 							var xIndex = api.value(0); // x轴索引
 							var yIndex = api.value(1); // y轴索引
 							var value = api.value(2); // 值
 							var showName = szTimeShow[api.value(1)][api.value(0)]; // 值
+							var showNameNum = szTimeShowNum[api.value(1)][api.value(0)]; // 占几个格子
 
 							// 获取颜色
 							var color = colorMap[value % colorMap.length] || '#ffffff';
@@ -1244,7 +1260,7 @@
 							
 
 							return {
-								type: 'group',
+								type: 'group',
 								children: [{
 										type: 'rect',
 
@@ -1262,15 +1278,14 @@
 									{
 										type: 'text',
 										style: {
-											text: "",
-											x: x,
-											y: y,
+											text: showName,
+											x: x - uni.upx2px(45)*((showNameNum-1)/2),
+											y: y - uni.upx2px(10),
 											textAlign: 'center',
 											textBaseline: 'middle',
 											fill: '#000',
 											fontSize: 12
 										},
-									
 									}
 								]
 							}
@@ -1313,7 +1328,14 @@
 					},
 					xAxis: {
 						type: 'category',
-						data: dataTime
+						data: dataTime,
+						axisLabel: {
+							rotate: 40,
+							interval: 0,
+							textStyle: {
+								color: "#333"
+							}
+						},
 					},
 					yAxis: {
 						type: 'category',