From efde66960f2f67e80bdd0ca555027e3c9f6873bf Mon Sep 17 00:00:00 2001
From: lll <you@example.com>
Date: Tue, 5 Dec 2023 10:27:32 +0800
Subject: [PATCH] 11

---
 public/index.html                          |   2 -
 src/assets/客户侧总体用能情况分析/logo.png | Bin 0 -> 11380 bytes
 src/views/KHC.vue                          | 370 +++++++++------------
 3 files changed, 164 insertions(+), 208 deletions(-)
 create mode 100644 src/assets/客户侧总体用能情况分析/logo.png
diff --git a/public/index.html b/public/index.html
index e17bc69..4913f31 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,8 +9,6 @@
   <title>
     <%= htmlWebpackPlugin.options.title %>
   </title>
-  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-  <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 </head>
 
 <body>
diff --git a/src/assets/客户侧总体用能情况分析/logo.png b/src/assets/客户侧总体用能情况分析/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4660e623ec8b9f9738560fa822b502be78652de
GIT binary patch
literal 11380
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
CAqltu

literal 0
HcmV?d00001

diff --git a/src/views/KHC.vue b/src/views/KHC.vue
index ac6207c..92e8286 100644
--- a/src/views/KHC.vue
+++ b/src/views/KHC.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="box">
     <div class="title">
-      <img src="../assets/客户侧总体用能情况分析/图层 2.png" alt="" />
+      <img src="../assets/客户侧总体用能情况分析/logo.png" alt="" />
       <p>客户侧总体用能情况分析</p>
       <img src="../assets/客户侧总体用能情况分析/反白稿.png" alt="" />
     </div>
@@ -551,30 +551,63 @@ export default {
     },
     //用能分类占比
     initYnflzb() {
-      let getParametricEquation = function (
+      let optionData = [
+        {
+          name: "楼宇",
+          value: 60,
+          itemStyle: {
+            color: "#37FFC9",
+          },
+        },
+        {
+          name: "工业",
+          value: 44,
+          itemStyle: {
+            color: "#31A1FF",
+          },
+        },
+        {
+          name: "其他",
+          value: 32,
+          itemStyle: {
+            color: "#FFF777",
+          },
+        },
+      ];
+      let option = getPie3D(optionData, 0.59);
+      // 生成扇形的曲面参数方程
+      function getParametricEquation(
         startRatio,
         endRatio,
         isSelected,
         isHovered,
         k,
-        height
+        h
       ) {
         // 计算
-        let midRatio = (startRatio + endRatio) / 2;
-        let startRadian = startRatio * Math.PI * 2;
-        let endRadian = endRatio * Math.PI * 2;
-        let midRadian = midRatio * Math.PI * 2;
+        const midRatio = (startRatio + endRatio) / 2;
+
+        const startRadian = startRatio * Math.PI * 2;
+        const endRadian = endRatio * Math.PI * 2;
+        const midRadian = midRatio * Math.PI * 2;
+
         // 如果只有一个扇形，则不实现选中效果。
         if (startRatio === 0 && endRatio === 1) {
+          // eslint-disable-next-line no-param-reassign
           isSelected = false;
         }
+
         // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+        // eslint-disable-next-line no-param-reassign
         k = typeof k !== "undefined" ? k : 1 / 3;
+
         // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
-        let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
-        let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+        const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+        const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+
         // 计算高亮效果的放大比例（未高亮，则比例为 1）
-        let hoverRate = isHovered ? 1.05 : 1;
+        const hoverRate = isHovered ? 1.05 : 1;
+
         // 返回曲面参数方程
         return {
           u: {
@@ -582,12 +615,14 @@ export default {
             max: Math.PI * 3,
             step: Math.PI / 32,
           },
+
           v: {
             min: 0,
             max: Math.PI * 2,
             step: Math.PI / 20,
           },
-          x: function (u, v) {
+
+          x(u, v) {
             if (u < startRadian) {
               return (
                 offsetX +
@@ -603,7 +638,7 @@ export default {
             return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
           },
 
-          y: function (u, v) {
+          y(u, v) {
             if (u < startRadian) {
               return (
                 offsetY +
@@ -619,34 +654,36 @@ export default {
             return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
           },
 
-          z: function (u, v) {
+          z(u, v) {
             if (u < -Math.PI * 0.5) {
               return Math.sin(u);
             }
             if (u > Math.PI * 2.5) {
-              return Math.sin(u);
+              return Math.sin(u) * h * 0.1;
             }
-            return Math.sin(v) > 0 ? 1 * height : -1;
+            // 当前图形的高度是Z根据h（每个value的值决定的）
+            return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
           },
         };
-      };
+      }
       // 生成模拟 3D 饼图的配置项
-      let getPie3D = function (pieData, internalDiameterRatio) {
-        let series = [];
+      function getPie3D(pieData, internalDiameterRatio) {
+        const series = [];
+        // 总和
         let sumValue = 0;
         let startValue = 0;
         let endValue = 0;
-        let legendData = [];
-        let k =
+        const legendData = [];
+        const k =
           typeof internalDiameterRatio !== "undefined"
             ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
             : 1 / 3;
 
         // 为每一个饼图数据，生成一个 series-surface 配置
-        for (let i = 0; i < pieData.length; i++) {
+        for (let i = 0; i < pieData.length; i += 1) {
           sumValue += pieData[i].value;
 
-          let seriesItem = {
+          const seriesItem = {
             name:
               typeof pieData[i].name === "undefined"
                 ? `series${i}`
@@ -660,17 +697,19 @@ export default {
             pieStatus: {
               selected: false,
               hovered: false,
-              k: k,
+              k,
             },
           };
 
-          if (typeof pieData[i].itemStyle != "undefined") {
-            let itemStyle = {};
+          if (typeof pieData[i].itemStyle !== "undefined") {
+            const { itemStyle } = pieData[i];
 
-            typeof pieData[i].itemStyle.color != "undefined"
+            // eslint-disable-next-line no-unused-expressions
+            typeof pieData[i].itemStyle.color !== "undefined"
               ? (itemStyle.color = pieData[i].itemStyle.color)
               : null;
-            typeof pieData[i].itemStyle.opacity != "undefined"
+            // eslint-disable-next-line no-unused-expressions
+            typeof pieData[i].itemStyle.opacity !== "undefined"
               ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
               : null;
 
@@ -678,12 +717,11 @@ export default {
           }
           series.push(seriesItem);
         }
-
         // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
         // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
-        for (let i = 0; i < series.length; i++) {
+        for (let i = 0; i < series.length; i += 1) {
           endValue = startValue + series[i].pieData.value;
-          console.log(series[i]);
+
           series[i].pieData.startRatio = startValue / sumValue;
           series[i].pieData.endRatio = endValue / sumValue;
           series[i].parametricEquation = getParametricEquation(
@@ -692,189 +730,107 @@ export default {
             false,
             false,
             k,
-            series[i].pieData.value
+            // 我这里做了一个处理，使除了第一个之外的值都是10
+            series[i].pieData.value === series[0].pieData.value ? 35 : 10
           );
 
           startValue = endValue;
 
           legendData.push(series[i].name);
         }
-        return series;
-      };
-      // 传入数据生成 option
-      const optionsData = [
-        {
-          name: "楼宇",
-          value: 4256,
-          itemStyle: {
-            //   opacity: 0.5,
-            color: "#2A71FF",
-          },
-        },
 
-        {
-          name: "工业",
-          value: 2356,
-          itemStyle: {
-            //   opacity: 0.5,
-            color: "#00EDFE",
+        // 准备待返回的配置项，把准备好的 legendData、series 传入。
+        const option = {
+          // animation: false,
+          legend: {
+            left: "80%",
+            top: "40%",
+            data: ["楼宇", "工业", "其他"],
+            orient: "vertical",
+            icon: "roundRect",
+            itemWidth: 10, // 图标宽度
+            itemHeight: 10, // 图标高度
+            textStyle: {
+              fontSize: "0.06rem",
+              fontFamily: "AlibabaPuHuiTi",
+              fontWeight: 400,
+              color: "rgba(255,255,255,0.8)",
+            },
+            formatter: (name) => {
+              if (optionData.length) {
+                const item = optionData.filter((item) => item.name === name)[0];
+                return `  ${name} ${item.value}%`;
+              }
+            },
           },
-        },
-        {
-          name: "其他",
-          value: 2018,
-          itemStyle: {
-            //   opacity: 0.5,
-            color: "#FEDB4B",
-          },
-        },
-      ];
-      const series = getPie3D(optionsData, 0.8, 240, 28, 26, 0.5);
-      series.push({
-        name: "pie2d",
-        type: "pie",
-
-        label: {
-          show: false,
-          opacity: 1,
-          fontSize: "0.07rem",
-          lineHeight: 20,
-          textStyle: {
-            fontSize: "0.07rem",
-            color: "#fff",
-          },
-        },
-        labelLine: {
-          length: 30,
-          length2: 30,
-        },
-        startAngle: -30, //起始角度，支持范围[0, 360]。
-        clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
-        radius: ["40%", "60%"],
-        //   center: ["30%", "50%"],
-        center: ["40%", "50%"],
-        data: optionsData,
-        itemStyle: {
-          opacity: 0,
-        },
-      });
-      let data = [
-        {
-          name: "楼宇",
-          value: "30%",
-        },
-        {
-          name: "工业",
-          value: "30%",
-        },
-        {
-          name: "其他",
-          value: "40%",
-        },
-      ];
-      // 准备待返回的配置项，把准备好的 legendData、series 传入。
-      let option = {
-        legend: {
-          show: true,
           tooltip: {
+            formatter: (params) => {
+              if (params.seriesName !== "mouseoutSeries") {
+                return `${
+                  params.seriesName
+                }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
+                  params.color
+                };"></span>${option.series[params.seriesIndex].pieData.value}`;
+              }
+              return "";
+            },
+          },
+          xAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          yAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          zAxis3D: {
+            min: -1,
+            max: 1,
+          },
+          grid3D: {
             show: false,
+            boxHeight: 10,
+            top: "0%",
+            viewControl: {
+              // 3d效果可以放大、旋转等，请自己去查看官方配置
+              alpha: 20,
+              beta: 30,
+              autoRotate: false, // 禁用自动旋转
+              distance: 200, // 初始视角距离主体的距离
+              panMouseButton: "none", // 设置中键拖拽进行平移
+              rotateMouseButton: "none", // 设置右键拖拽进行旋转
+              zoomMouseButton: "none", // 禁用鼠标缩放
+            },
+            // 后处理特效可以为画面添加高光、景深、环境光遮蔽（SSAO）、调色等效果。可以让整个画面更富有质感。
+            postEffect: {
+              // 配置这项会出现锯齿，请自己去查看官方配置有办法解决
+              enable: false,
+              bloom: {
+                enable: true,
+                bloomIntensity: 0.1,
+              },
+              SSAO: {
+                enable: true,
+                quality: "medium",
+                radius: 2,
+              },
+              // temporalSuperSampling: {
+              //   enable: true,
+              // },
+            },
           },
-          orient: "vertical",
-          data: data,
-          top: "center",
-          itemGap: 14,
-          itemHeight: 8,
-          itemWidth: 17,
-          right: "2%",
-          textStyle: {
-            color: "#fff",
-            fontSize: "0.06rem",
-          },
-          formatter: function (name) {
-            let res = data.filter((v) => v.name === name);
-            res = res[0] || {};
-            let unit = res.unit || "";
-            return name + "    " + res.value + unit;
-          },
-        },
-        animation: false,
-        tooltip: {
-          show: false,
-          formatter: (params) => {
-            if (
-              params.seriesName !== "mouseoutSeries" &&
-              params.seriesName !== "pie2d"
-            ) {
-              return `${
-                params.seriesName
-              }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
-                params.color
-              };"></span>${
-                option.series[params.seriesIndex].pieData.value + "%"
-              }`;
-            }
-          },
-          textStyle: {
-            fontSize: "0.07rem",
-          },
-        },
-        title: {
-          x: "center",
-          top: "20",
-          textStyle: {
-            color: "#fff",
-            fontSize: "0.11rem",
-          },
-        },
-        // backgroundColor: "#0E3567",
-        labelLine: {
-          show: false,
-          lineStyle: {
-            color: "#7BC0CB",
-          },
-          normal: {
-            show: true,
-            length: 10,
-            length2: 10,
-          },
-        },
-        label: {
-          show: false,
-          // position: "outside",
-          // formatter: "{b} \n{d}%",
-          // textStyle: {
-          //   color: "#fff",
-          //   fontSize: "14px",
-          // },
-        },
-        xAxis3D: {
-          min: -1,
-          max: 1,
-        },
-        yAxis3D: {
-          min: -1,
-          max: 1,
-        },
-        zAxis3D: {
-          min: -1,
-          max: 1,
-        },
-        grid3D: {
-          show: false,
-          boxHeight: 0.01,
-          //top: '30%',
-          bottom: "500%",
-          left: "-7%",
-          // environment: "rgba(255,255,255,0)",
-          viewControl: {
-            distance: 180,
-            alpha: 25,
-            beta: 60,
-          },
-        },
-        series: series,
-      };
-      this.defineEcharts("ynflzb", option);
+          series,
+        };
+        return option;
+      }
+      let chartDom = document.getElementById("ynflzb");
+      var myChart = this.$echarts.init(chartDom, null, {
+        devicePixelRatio: 10, // 设置为2或更高的值
+      });
+      myChart.setOption(option);
+      window.addEventListener("resize", function () {
+        myChart.resize();
+      });
     },
     //地图
     initMap() {
@@ -1582,14 +1538,16 @@ export default {
         #ynflzb {
           width: 100%;
           height: 100%;
+          padding-right: 40px;
+          box-sizing: border-box;
         }
 
         .pic {
-          width: 300px;
+          width: 250px;
           position: absolute;
-          height: 150px;
-          top: 100px;
-          left: 40px;
+          height: 120px;
+          top: 120px;
+          left: 70px;
         }
       }
 
