1

src/views/KHC.vue

@@ -65,13 +65,16 @@
         <div class="ynl">
           <p class="title">用能量</p>
           <ul class="typeBox">
-            <li :class="type == '电' ? 'active' : ''" @click="type = '电'">
+            <li :class="type1 == '电' ? 'active' : ''" @click="type1 = '电'">
               电
             </li>
-            <li :class="type == '水' ? 'active' : ''" @click="type = '水'">
+            <li :class="type1 == '水' ? 'active' : ''" @click="type1 = '水'">
               水
             </li>
-            <li :class="type == '蒸汽' ? 'active' : ''" @click="type = '蒸汽'">
+            <li
+              :class="type1 == '蒸汽' ? 'active' : ''"
+              @click="type1 = '蒸汽'"
+            >
               蒸汽
             </li>
           </ul>
@@ -138,6 +141,7 @@ export default {
     return {
       res: "日",
       type: "电",
+      type1: "电",
       list: [
         {
           name: "济南综合新能源服务有线公司",
@@ -928,7 +932,6 @@ export default {
       let src = require("../assets/shandong.json");
       function registerMap() {
         echarts.registerMap("山东", src);
-
         //拿到json数据
         var mapFeatures = echarts.getMap("山东").geoJson.features;
         var geoCoordMap = {};
@@ -973,9 +976,9 @@ export default {
               zlevel: 3,
               rippleEffect: {
                 //涟漪特效
-                period: 4, //动画时间，值越小速度越快
+                period: 3, //动画时间，值越小速度越快
                 brushType: "fill", //波纹绘制方式 stroke, fill
-                scale: 10, //波纹圆环最大限制，值越大波纹越大
+                scale: 5, //波纹圆环最大限制，值越大波纹越大
               },
               symbol: "circle",
               symbolSize: 7,