From 8f3ef47bb14242c91677c17053f7fce00e65accf Mon Sep 17 00:00:00 2001
From: shijing <sj_mzw@163.com>
Date: Tue, 20 Aug 2024 09:16:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=A2=B3=E6=8E=92=E6=94=BE=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wpm_gx/chart.vue | 117 +++++++++++++++++++++----------------
 1 file changed, 66 insertions(+), 51 deletions(-)

diff --git a/src/views/wpm_gx/chart.vue b/src/views/wpm_gx/chart.vue
index 3785daae..fb1bdae7 100644
--- a/src/views/wpm_gx/chart.vue
+++ b/src/views/wpm_gx/chart.vue
@@ -1,14 +1,14 @@
 <template>
 	<el-main>
 		<el-card>
-			<div id="main" style="width: 1000px; height: 500px"></div>
+			<div id="main" style="width: 1200px; height: 500px"></div>
 			<div
 				id="mains"
 				style="
-					width: 1000px;
+					width: 1200px;
 					height: 500px;
 					position: absolute;
-					top: 185px;
+					top: 155px;
 				"
 			></div>
 		</el-card>
@@ -20,13 +20,14 @@ import * as echarts from "echarts";
 const updateFrequency = 2000;
 const dimension = 0;
 const countryColors = {
-	低碳水泥碳减排: "rgb(244,192,0)",
-	替代燃料碳减排: "rgb(242,119,36)",
-	清洁能源电力碳减排: "rgb(103,169,59)",
-	能效提升技术碳减排: "rgb(77,148,211)",
-	CCUS碳减排: "rgb(159,159,159)",
+	水泥碳排放: "rgb(244,192,0)",
+	石膏板排放: "rgb(242,119,36)",
+	建筑卫生陶瓷排放: "rgb(103,169,59)",
+	玻璃排放: "rgb(77,148,211)",
+	玻纤排放: "rgb(159,159,159)",
+	墙体材料: "rgb(84,112,198)",
 };
-const years = [2021, 2025, 2030, 2040, 2050, 2060];
+const years = [2022, 2025, 2030, 2040, 2050, 2060];
 export default {
 	name: "chart",
 	data() {
@@ -40,41 +41,47 @@ export default {
 		let startIndex = 0;
 		let data = [
 			["Income", "Life Expectancy", "Population", "Country", "Year"],
-			[0, 34.05, 0, "低碳水泥碳减排", 2021],
-			[0, 39, 0, "替代燃料碳减排", 2021],
-			[0, 32, 0, "清洁能源电力碳减排", 2021],
-			[0, 32.2, 0, "能效提升技术碳减排", 2021],
-			[0, 36.57, 0, "CCUS碳减排", 2021],
+			[12.09, 34.05, 0, "水泥碳排放", 2022],
+			[1.31, 39, 0, "石膏板排放", 2022],
+			[1.45, 32, 0, "建筑卫生陶瓷排放", 2022],
+			[0.36, 32.2, 0, "玻璃排放", 2022],
+			[0.12, 36.57, 0, "玻纤排放", 2022],
+			[0.25, 36.57, 0, "墙体材料", 2022],
 
-			[6, 34.05, 6, "低碳水泥碳减排", 2025],
-			[14, 39, 14, "替代燃料碳减排", 2025],
-			[6, 32, 6, "清洁能源电力碳减排", 2025],
-			[8, 32.2, 8, "能效提升技术碳减排", 2025],
-			[3, 36.5, 4, "CCUS碳减排", 2025],
+			[11.61, 34.05, 6, "水泥碳排放", 2025],
+			[1.06, 39, 14, "石膏板排放", 2025],
+			[1.16, 32, 6, "建筑卫生陶瓷排放", 2025],
+			[0.31, 32.2, 8, "玻璃排放", 2025],
+			[0.1, 36.5, 4, "玻纤排放", 2025],
+			[0.23, 36.57, 0, "墙体材料", 2025],
 
-			[33, 34.05, 33, "低碳水泥碳减排", 2030],
-			[26, 39, 26, "替代燃料碳减排", 2030],
-			[10, 32, 10, "清洁能源电力碳减排", 2030],
-			[18, 32.2, 18, "能效提升技术碳减排", 2030],
-			[7, 36.57, 9, "CCUS碳减排", 2030],
+			[9.32, 34.05, 33, "水泥碳排放", 2030],
+			[0.88, 39, 26, "石膏板排放", 2030],
+			[0.95, 32, 10, "建筑卫生陶瓷排放", 2030],
+			[0.27, 32.2, 18, "玻璃排放", 2030],
+			[0.08, 36.57, 9, "玻纤排放", 2030],
+			[0.19, 36.57, 9, "墙体材料", 2030],
 
-			[118, 34.05, 78, "低碳水泥碳减排", 2040],
-			[68, 39, 68, "替代燃料碳减排", 2040],
-			[17, 32, 17, "清洁能源电力碳减排", 2040],
-			[18, 32.2, 18, "能效提升技术碳减排", 2040],
-			[14, 36.57, 19, "CCUS碳减排", 2040],
+			[4.61, 34.05, 78, "水泥碳排放", 2040],
+			[0.63, 39, 68, "石膏板排放", 2040],
+			[0.68, 32, 17, "建筑卫生陶瓷排放", 2040],
+			[0.22, 32.2, 18, "玻璃排放", 2040],
+			[0.06, 36.57, 19, "玻纤排放", 2040],
+			[0.10, 36.57, 19, "墙体材料", 2040],
 
-			[157, 34.05, 118, "低碳水泥碳减排", 2050],
-			[111, 39, 111, "替代燃料碳减排", 2050],
-			[23, 32, 23, "清洁能源电力碳减排", 2050],
-			[16, 32.2, 16, "能效提升技术碳减排", 2050],
-			[41, 36.57, 57, "CCUS碳减排", 2050],
+			[2.65, 34.05, 118, "水泥碳排放", 2050],
+			[0.26, 39, 111, "石膏板排放", 2050],
+			[0.27, 32, 23, "建筑卫生陶瓷排放", 2050],
+			[0.14, 32.2, 16, "玻璃排放", 2050],
+			[0.035, 36.57, 57, "玻纤排放", 2050],
+			[0.055, 36.57, 57, "墙体材料", 2050],
 
-			[196, 34.05, 118, "低碳水泥碳减排", 2060],
-			[177, 39, 117, "替代燃料碳减排", 2060],
-			[26, 32, 26, "清洁能源电力碳减排", 2060],
-			[16, 32.2, 16, "能效提升技术碳减排", 2060],
-			[184, 36.57, 254, "CCUS碳减排", 2060],
+			[1.94, 34.05, 118, "水泥碳排放", 2060],
+			[0.04, 39, 117, "石膏板排放", 2060],
+			[0.0008, 32, 26, "建筑卫生陶瓷排放", 2060],
+			[0.09, 32.2, 16, "玻璃排放", 2060],
+			[0.022, 36.57, 254, "玻纤排放", 2060],
+			[0.034, 36.57, 254, "墙体材料", 2060],
 		];
 		let startYear = years[startIndex];
 		option = {
@@ -85,9 +92,11 @@ export default {
 				right: 80,
 			},
 			xAxis: {
-				max: "dataMax",
+				max: "13",
+				min: "0.0008",
 				position: "top",
 				axisLabel: {
+					// show: false,
 					formatter: function (n) {
 						return Math.round(n) + "";
 					},
@@ -177,38 +186,38 @@ export default {
 			myChart.setOption(option);
 		}
 		//折线
-		let countries = ["水泥碳排放"];
+		let countries = ["建材行业碳排放总量"];
 		let datasetWithFilters = [];
 		let seriesList = [];
 		let _rawData = [
 			["Income", "Country", "Year"],
-			[575, "水泥碳排放", 2021],
-			[559, "水泥碳排放", 2025],
-			[523, "水泥碳排放", 2030],
-			[386, "水泥碳排放", 2040],
-			[273, "水泥碳排放", 2050],
-			[23, "水泥碳排放", 2060],
+			[15.6, "建材行业碳排放总量", 2022],
+			[14.2, "建材行业碳排放总量", 2025],
+			[11.1, "建材行业碳排放总量", 2030],
+			[5.7, "建材行业碳排放总量", 2040],
+			[2.4, "建材行业碳排放总量", 2050],
+			[0.1, "建材行业碳排放总量", 2060],
 		];
 		var chartDoms = document.getElementById("mains");
 		var myCharts = echarts.init(chartDoms);
 		datasetWithFilters.push({
-			id: "dataset_水泥碳排放",
+			id: "dataset_建材行业碳排放总量",
 			fromDatasetId: "dataset_raw",
 			transform: {
 				type: "filter",
 				config: {
 					and: [
 						{ dimension: "Year", gte: 1950 },
-						{ dimension: "Country", "=": "水泥碳排放" },
+						{ dimension: "Country", "=": "建材行业碳排放总量" },
 					],
 				},
 			},
 		});
 		seriesList.push({
 			type: "line",
-			datasetId: "dataset_水泥碳排放",
+			datasetId: "dataset_建材行业碳排放总量",
 			showSymbol: false,
-			name: "水泥碳排放",
+			name: "建材行业碳排放总量",
 			endLabel: {
 				show: true,
 				formatter: function (params) {
@@ -257,7 +266,13 @@ export default {
 				},
 			},
 			yAxis: {
+				type:"value",
 				position: "right",
+				offset:10,
+				// axisLabel:{
+				// 	align:"left",
+
+				// },
 				name: "",
 			},
 			grid: {