1 year ago · 5d71dbd2ab
--- a/分屏/README.md
+++ b/分屏/README.md
--- a/分屏/copyHome.html
+++ b/分屏/copyHome.html
@@ -0,0 +1,235 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHome.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/echarts-gl.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./js/data.js"></script>
			
 
				+  <script src="./libs/vue-seamless-scroll.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <!-- highchair -->
			
 
				+  <script src="./libs/highcharts.js"></script>
			
 
				+  <script src="./libs/highcharts3d.js"></script> 
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>数智化投资管理驾驶舱</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="left">
			
 
				+          <dv-border-box-8 :dur="10">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资关键指标</span>
			
 
				+                <!-- <span class="right-date">
			
 
				+                  <el-date-picker v-model="year" prefix-icon="el-icon-date" size="small" type="year"
			
 
				+                    popper-class="date-popper" :clearable="false" :editable="false" placeholder="选择年">
			
 
				+                  </el-date-picker>
			
 
				+                </span> -->
			
 
				+              </div>
			
 
				+              <div class="content">
			
 
				+                <div class="boxs">
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">投资总额</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(1324.08)}}</span>亿</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">项目总数</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(442)}}</span>个</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">固定资产</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">1,169.91</span>亿</i>
			
 
				+                      <!-- <span class="change up"><img src="./images/up.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">股权投资</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(154.17)}}</span>亿</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="11">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资产业分布</span>
			
 
				+              </div>
			
 
				+              <div id="echartR1" ref="echartR1" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="12" style="margin-bottom: 0;">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资执行情况</span>
			
 
				+              </div>
			
 
				+              <div ref="echartL2" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="center">
			
 
				+          <div class="top">
			
 
				+            <div class="box">
			
 
				+              <div class="t">
			
 
				+                <img src="./images/center1.png" />
			
 
				+                产业转型
			
 
				+              </div>
			
 
				+              <div class="flex b">
			
 
				+                <div>
			
 
				+                  <p>总投资额</p>
			
 
				+                  <p style="color:#40A9FF"><span>619.30</span>亿</p>
			
 
				+                </div>
			
 
				+                <div>
			
 
				+                  <p>项目数量</p>
			
 
				+                  <p style="color:#40A9FF"><span>150</span>个</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="box">
			
 
				+              <div class="t">
			
 
				+                <img src="./images/center1.png" />
			
 
				+                数字转型
			
 
				+              </div>
			
 
				+              <div class="flex b">
			
 
				+                <div>
			
 
				+                  <p>投资金额</p>
			
 
				+                  <p style="color:#40A9FF"><span>79.26</span>亿</p>
			
 
				+                </div>
			
 
				+                <div>
			
 
				+                  <p>项目数量</p>
			
 
				+                  <p style="color:#40A9FF"><span>113</span>个</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="map-box">
			
 
				+            <div ref="echarts-map" style="height: calc(100% - 155px);"></div>
			
 
				+            <!-- 项目状态 -->
			
 
				+
			
 
				+            <div class="status">
			
 
				+              <p>项目状态</p>
			
 
				+              <ul style="padding-left: 30px; margin-bottom: 10px;">
			
 
				+                <li>通过: <i>112</i></li>
			
 
				+                <li>研究中: <i>14</i></li>
			
 
				+                <li>退回: <i>15</i></li>
			
 
				+                <li>暂缓: <i>4</i></li>
			
 
				+                <li>终止： <i>2</i></li>
			
 
				+                <li>否决: <i>4</i></li>
			
 
				+              </ul>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <dv-border-box-8 :dur="10">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">五个一体化</span>
			
 
				+              </div>
			
 
				+              <div ref="echartL1" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="11">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资阶段分析</span>
			
 
				+              </div>
			
 
				+              <div id="echartR2" ref="echartR2" class="content"></div>
			
 
				+               <!-- <div class="content">
			
 
				+               <vue-seamless-scroll :data="amountList" :class-option="classOption" class="warp">
			
 
				+                  <ul class="list">
			
 
				+                    <li class="list-item" v-for="(item,index) in amountList" ::key="index">
			
 
				+                      <i>NO.{{index+1}}</i>
			
 
				+                      <div class="flex1">
			
 
				+                        <p>{{item.name}}</p>
			
 
				+                        <el-progress :percentage="item.value / amountTotal * 100" stroke-width="10"
			
 
				+                          :show-text="false"></el-progress>
			
 
				+                      </div>
			
 
				+                      <span class="value">{{item.value}}亿</span>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </vue-seamless-scroll> 
			
 
				+              </div>-->
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="12" style="margin-bottom: 0;">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">重点项目监控</span>
			
 
				+              </div>
			
 
				+              <dv-scroll-board :config="storageRecordConfig" class="content" />
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip">
			
 
				+        <div class="tip-box">
			
 
				+          <div class="tip-content">
			
 
				+            <div class="tip-title">地域投资明细</div>
			
 
				+            <div class="tip-down" @click="showTip = false">×</div>
			
 
				+
			
 
				+            <div ref="echartTip2" class="content"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip2">
			
 
				+        <div class="tip-box">
			
 
				+          <div class="tip-content">
			
 
				+            <div class="tip-title">{{tipTitle2}}</div>
			
 
				+            <div class="tip-down" @click="showTip2 = false">×</div>
			
 
				+            <div ref="echartTip3" class="content2"></div>
			
 
				+
			
 
				+            <div ref="echartTip4" class="content2"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- <div class="footer">
			
 
				+          <a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
			
 
				+        </div> -->
			
 
				+    </dv-full-screen-container>
			
 
				+
			
 
				+
			
 
				+  </div>
			
 
				+  <script src="./js/copyHome.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/copyHome2.html
+++ b/分屏/copyHome2.html
@@ -0,0 +1,284 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHome2.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <!-- <script src="./libs/datav.min.js"></script> -->
			
 
				+  <script src="./libs/datav.map.vue.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-liquidfill.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <script src="./js/data2.js"></script>
			
 
				+     <!-- highchair -->
			
 
				+  <script src="./libs/highcharts.js"></script>
			
 
				+  <script src="./libs/highcharts3d.js"></script> 
			
 
				+  <!-- 轮播 -->
			
 
				+  <!-- <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css" />
			
 
				+  <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.js"></script>
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js.map"></script> -->
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资业务管理</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="left">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资额度分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left" style="flex-wrap: wrap;">
			
 
				+                <div class="content-left-top">
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #15FFA2;">522.84<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-4-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">上年度净利润</div>
			
 
				+                  </div>
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #08E4FA;">179.39<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-7-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">带息负债压降指标</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="content-left-bottom">
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #DD9CFF;">423.91<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">固定资产折旧及无形资产摊销</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #DD9CFF;">386.29<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">固定资产折旧</div>
			
 
				+                </div>
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #EBC805;">37.62<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-6-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">无形资产摊销</div>
			
 
				+                </div> -->
			
 
				+              </div>
			
 
				+              <div class="content-right" style="position:relative">
			
 
				+                <div class="total">总额度<span style="font-size: 25px;">1,123.85亿</span></div>
			
 
				+                <div ref="echartL2" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">企业额度分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div id="echartL1" style="width: 100%; height: 100%; background-color: #05183c;"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">重点项目两线指标</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-right" style="margin-right: 10px;">
			
 
				+                <dv-scroll-board :config="storageRecordConfig" @scroll-change="scrollChange" class="" />
			
 
				+              </div>
			
 
				+              <div class="content-left">
			
 
				+                <div ref="echartL3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资计划分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div class="content-left-l">
			
 
				+                  <div class="item3">
			
 
				+                    <div class="item3-title">1,163.88<span>亿</span></div>
			
 
				+                    <div class="item3-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-8-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item4-text" style="color: rgba(255, 255, 255, 0.6);text-align: center;">
			
 
				+                      <div>年度投资计划总额</div>
			
 
				+                      <div>（企业上报）</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="content-left-r">
			
 
				+                  <div class="content-left-r-t">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">固定资产类项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">投资金额</div>
			
 
				+                          <div class="title">644.83<span>亿</span></div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">项目数量</div>
			
 
				+                          <div class="title">372<span>个</span></div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="content-left-r-b">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">股权类项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">投资金额</div>
			
 
				+                          <div class="title">95.69<span>亿</span></div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">项目数量</div>
			
 
				+                          <div class="title">261<span>个</span></div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div class="content-right-l">
			
 
				+                  <div id="echartR1" ref="echartR1" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-right-r">
			
 
				+                  <div id="echartR2" ref="echartR2" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">产业布局分析</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="fourPie">
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL4" ref="echartL4" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL5" ref="echartL5" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL6" ref="echartL6" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL7" ref="echartL7" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">项目阶段分析</span>
			
 
				+              <!-- <span class="tip-window">省重点项目</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-top" style="margin-bottom: 0; margin-right: 10px;">
			
 
				+                <div ref="echartR6" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+              <div class="content-right" style="margin-bottom: 0;">
			
 
				+                <div ref="echartR3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tipb" v-show="showTip2">
			
 
				+        <!-- <div class="tip"> -->
			
 
				+        <div class="tip-down" @click="showTip2 = false">×</div>
			
 
				+        <div class="tip1">晋能控股</div>
			
 
				+        <div class="tip2">
			
 
				+          <!-- <div>
			
 
				+            <div class="tip2-title">2 0 2 2年 度</div>
			
 
				+            <div class="tip2-list">
			
 
				+              <div>
			
 
				+                <span>合并报表净利润</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">135.26</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>提取固定资产折旧和无形资产摊销</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">317.76</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>预计压降带息负债</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">9.81</span>亿元</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div> -->
			
 
				+          <!-- <div class="pie" ref="echartR4" style="width: 100%; height: 100%;"></div> -->
			
 
				+          <div>
			
 
				+            <!-- <div class="tip2-title">2 0 2 3 年 度</div> -->
			
 
				+            <div class="tip2-list">
			
 
				+              <div>
			
 
				+                <span>2022年度合并报表净利润</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">135.26</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>提取固定资产折旧和无形资产摊销</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">186.82</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>预计压降带息负债</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">78.40</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>已用额度</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">30</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>剩余额度</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">370.49</span>亿元</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="" style="position:relative;width: 100%;height: 100%;">
			
 
				+            <div class="total3 total">总额度<span style="font-size: 25px;">400.49亿元</span></div>
			
 
				+            <div ref="echartL2b" style="width: 100%; height: 100%;background-color: #04224c;"></div>
			
 
				+          </div>
			
 
				+          <!-- <div class="pie" ref="echartR5" style="width: 100%; height: 100%;"></div> -->
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip3">
			
 
				+        <div class="tip-down" @click="showTip3 = false">×</div>
			
 
				+        <div class="tip1">{{ echartTitle }}</div>
			
 
				+        <div class="pie" id="echartT1" ref="echartT1" style="width: 100%; height: 100%;"></div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/copyHome2.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/demo.html
+++ b/分屏/demo.html
@@ -0,0 +1,309 @@
 
				+<!DOCTYPE html>
			
 
				+
			
 
				+<html>
			
 
				+<head>
			
 
				+<meta charset="utf-8" />
			
 
				+<link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico" />
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+
			
 
				+<style>
			
 
				+
			
 
				+/* css 代码 */
			
 
				+
			
 
				+</style>
			
 
				+    <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/echarts-gl.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./js/data.js"></script>
			
 
				+  <script src="./libs/vue-seamless-scroll.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <!-- highchair -->
			
 
				+  <script src="./libs/highcharts.js"></script>
			
 
				+  <script src="./libs/highcharts3d.js"></script> 
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+    <div id="app" class="big-box">
			
 
				+        <div class="com-container" ref="container" style="width:380px;height:300px;">
			
 
				+        </div>
			
 
				+        <div class="tulibox">
			
 
				+          <div v-for="(item,index) in peiData" :key="index" class="tuliboxitem">
			
 
				+            <span class="name">{{item.name}}</span>   <span class="value">{{item.y}}%</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+<script>
			
 
				+console.log(Highcharts)
			
 
				+var highcharts = Highcharts
			
 
				+let app = new Vue({
			
 
				+    el: '#app',
			
 
				+    data () {
			
 
				+    return {
			
 
				+      peiData: [
			
 
				+        { name: '输电', y: 28, h: 60 },
			
 
				+        { name: '变电', y: 20, h: 20 },
			
 
				+        { name: '配电', y: 10, h: 32 },
			
 
				+        { name: '新业务', y: 6, h: 45 }
			
 
				+      ],
			
 
				+      each:'',
			
 
				+      wrap: '',
			
 
				+      prototype: '',
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    this.each = highcharts.each
			
 
				+    this.wrap = highcharts
			
 
				+    this.prototype = highcharts.seriesTypes.pie.prototype
			
 
				+    this.initChart()
			
 
				+    const that = this
			
 
				+    window.onresize = function () { that.initChart() }
			
 
				+   
			
 
				+  },
			
 
				+  methods: {
			
 
				+    initChart () {
			
 
				+      // 修改3d饼图绘制过程
			
 
				+      
			
 
				+      const round = Math.round
			
 
				+      const cos = Math.cos
			
 
				+      const sin = Math.sin
			
 
				+      const deg2rad = Math.deg2rad
			
 
				+      let that = this
			
 
				+      highcharts.wrap(this.prototype, 'translate', function (proceed) {
			
 
				+        proceed.apply(this, [].slice.call(arguments, 1))
			
 
				+        // Do not do this if the chart is not 3D
			
 
				+        if (!this.chart.is3d()) {
			
 
				+          return
			
 
				+        }
			
 
				+        const series = this
			
 
				+        const chart = series.chart
			
 
				+        const options = chart.options
			
 
				+        const seriesOptions = series.options
			
 
				+        const depth = seriesOptions.depth || 0
			
 
				+        const options3d = options.chart.options3d
			
 
				+        const alpha = options3d.alpha
			
 
				+        const beta = options3d.beta
			
 
				+        var z = seriesOptions.stacking ? (seriesOptions.stack || 0) * depth : series._i * depth
			
 
				+        z += depth / 2
			
 
				+        if (seriesOptions.grouping !== false) {
			
 
				+          z = 0
			
 
				+        }
			
 
				+        that.each(series.data, function (point) {
			
 
				+          const shapeArgs = point.shapeArgs
			
 
				+          var angle
			
 
				+          point.shapeType = 'arc3d'
			
 
				+          var ran = point.options.h
			
 
				+          shapeArgs.z = z
			
 
				+          shapeArgs.depth = depth * 0.75 + ran
			
 
				+          shapeArgs.alpha = alpha
			
 
				+          shapeArgs.beta = beta
			
 
				+          shapeArgs.center = series.center
			
 
				+          shapeArgs.ran = ran
			
 
				+          angle = (shapeArgs.end + shapeArgs.start) / 2
			
 
				+          point.slicedTranslation = {
			
 
				+            translateX: round(cos(angle) * seriesOptions.slicedOffset * cos(alpha * deg2rad)),
			
 
				+            translateY: round(sin(angle) * seriesOptions.slicedOffset * cos(alpha * deg2rad))
			
 
				+          }
			
 
				+        })
			
 
				+      });
			
 
				+      (function (H) {
			
 
				+        H.wrap(highcharts.SVGRenderer.prototype, 'arc3dPath', function (proceed) {
			
 
				+        // Run original proceed method
			
 
				+          const ret = proceed.apply(this, [].slice.call(arguments, 1))
			
 
				+          ret.zTop = (ret.zOut + 0.5) / 100
			
 
				+          return ret
			
 
				+        })
			
 
				+      }(highcharts))
			
 
				+      // 生成不同高度的3d饼图
			
 
				+      const high = this.$refs.container
			
 
				+      highcharts.chart(high, {
			
 
				+        chart: {
			
 
				+          type: 'pie',
			
 
				+          animation: false,
			
 
				+          backgroundColor: 'rgba(0,0,0,0)',
			
 
				+ 
			
 
				+          events: {
			
 
				+            load: function () {
			
 
				+              
			
 
				+              const points = this.series[0].points
			
 
				+              that.each(points, function (p, i) {
			
 
				+                p.graphic.attr({
			
 
				+                  translateY: -p.shapeArgs.ran
			
 
				+                })
			
 
				+                p.graphic.side1.attr({
			
 
				+                  translateY: -p.shapeArgs.ran
			
 
				+                })
			
 
				+                p.graphic.side2.attr({
			
 
				+                  translateY: -p.shapeArgs.ran
			
 
				+                })
			
 
				+              })
			
 
				+            }
			
 
				+          },
			
 
				+          options3d: {
			
 
				+            enabled: true,
			
 
				+            alpha: 65
			
 
				+          }
			
 
				+        },
			
 
				+        title: {
			
 
				+          show: 'false',
			
 
				+          text: null
			
 
				+        },
			
 
				+        subtitle: {
			
 
				+          text: null
			
 
				+        },
			
 
				+        credits: {
			
 
				+          enabled: false
			
 
				+        },
			
 
				+        legend: { // 【图例】位置样式
			
 
				+          backgroundColor: 'rgba(0,0,0,0)',
			
 
				+          shadow: false,
			
 
				+          layout: 'vertical',
			
 
				+          align: 'right', // 水平方向位置
			
 
				+          verticalAlign: 'top', // 垂直方向位置
			
 
				+          x: 0, // 距离x轴的距离
			
 
				+          y: 100, // 距离Y轴的距离
			
 
				+          symbolPadding: 10,
			
 
				+          symbolHeight: 14,
			
 
				+          itemStyle: {
			
 
				+            lineHeight: '24px',
			
 
				+            fontSize: '16px',
			
 
				+            color: '#fff'
			
 
				+          },
			
 
				+          labelFormatter: function () {
			
 
				+            /*
			
 
				+            *  格式化函数可用的变量：this， 可以用 console.log(this) 来查看包含的详细信息
			
 
				+            *  this 代表当前数据列对象，所以默认的实现是 return this.name
			
 
				+            */
			
 
				+            return this.name + this.h + '%'
			
 
				+          }
			
 
				+        },
			
 
				+        plotOptions: {
			
 
				+          pie: {
			
 
				+            allowPointSelect: true,
			
 
				+            cursor: 'pointer',
			
 
				+            depth: 35,
			
 
				+            innerSize: 180,
			
 
				+            dataLabels: {
			
 
				+              enabled: false
			
 
				+            },
			
 
				+            // 显示图例
			
 
				+            showInLegend: false
			
 
				+          }
			
 
				+        },
			
 
				+        series: [{
			
 
				+          type: 'pie',
			
 
				+          name: '占比',
			
 
				+          // h 是高度  y是占的圆环长度
			
 
				+          colorByPoint: true,
			
 
				+          colors: [
			
 
				+            { // 注意！！！如果是柱状图请使用color，如果是面积图请使用fillColor
			
 
				+              linearGradient: {
			
 
				+                x1: 0,
			
 
				+                y1: 1,
			
 
				+                x2: 1,
			
 
				+                y2: 0
			
 
				+              },
			
 
				+              stops: [
			
 
				+                [0, '#19596d'],
			
 
				+                [1, '#2ea1b2']
			
 
				+              ]
			
 
				+            }, { // 注意！！！如果是柱状图请使用color，如果是面积图请使用fillColor
			
 
				+              linearGradient: {
			
 
				+                x1: 0,
			
 
				+                y1: 1,
			
 
				+                x2: 1,
			
 
				+                y2: 0
			
 
				+              },
			
 
				+              stops: [
			
 
				+                [0, '#ee7529'],
			
 
				+                [1, '#f5a86c']
			
 
				+              ]
			
 
				+            }, { // 注意！！！如果是柱状图请使用color，如果是面积图请使用fillColor
			
 
				+              linearGradient: {
			
 
				+                x1: 0,
			
 
				+                y1: 1,
			
 
				+                x2: 1,
			
 
				+                y2: 0
			
 
				+              },
			
 
				+              stops: [
			
 
				+                [0, '#f5c055'],
			
 
				+                [1, '#967b3d']
			
 
				+              ]
			
 
				+            }, { // 注意！！！如果是柱状图请使用color，如果是面积图请使用fillColor
			
 
				+              linearGradient: {
			
 
				+                x1: 0,
			
 
				+                y1: 1,
			
 
				+                x2: 1,
			
 
				+                y2: 0
			
 
				+              },
			
 
				+              stops: [
			
 
				+                [0, '#2d7bb5'],
			
 
				+                [1, '#1a5784']
			
 
				+              ]
			
 
				+            }],
			
 
				+          data: this.peiData
			
 
				+        }]
			
 
				+      })
			
 
				+    }
			
 
				+  },
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+</body>
			
 
				+
			
 
				+<style scoped lang="less">
			
 
				+    .com-container{
			
 
				+        width: 380px;
			
 
				+        height: 300px;
			
 
				+        padding-right: 20px;
			
 
				+    }
			
 
				+    .big-box{
			
 
				+        display: flex;
			
 
				+        background-image: url('../img/dizuo.png');
			
 
				+        background-repeat: no-repeat;
			
 
				+        background-position: 25px 144px;
			
 
				+        padding-top: 20px;
			
 
				+    }
			
 
				+    .tulibox{
			
 
				+      padding-top: 65px;
			
 
				+    }
			
 
				+    .tuliboxitem{
			
 
				+        position: relative;
			
 
				+        margin: 10px 0;
			
 
				+      }
			
 
				+      .name{
			
 
				+          font-size: 18px;
			
 
				+          color: #FEFEFF;
			
 
				+          padding-right: 20px;
			
 
				+        }
			
 
				+        .value{
			
 
				+          font-size: 22px;
			
 
				+          color: #0CD2EA;
			
 
				+        }
			
 
				+      .tuliboxitem::before{
			
 
				+         content: "";
			
 
				+         position: absolute;
			
 
				+         width: 16px;
			
 
				+        height: 16px;
			
 
				+        top: 7px;
			
 
				+        border-radius: 50%;
			
 
				+        left: -33px;
			
 
				+      }
			
 
				+      .tuliboxitem:nth-child(1)::before{
			
 
				+          background-color: #fff600;
			
 
				+      }
			
 
				+      .tuliboxitem:nth-child(2)::before{
			
 
				+          background-color: #209FED;
			
 
				+      }
			
 
				+      .tuliboxitem:nth-child(3)::before{
			
 
				+          background-color: #808EC7;
			
 
				+      }
			
 
				+      .tuliboxitem:nth-child(4)::before{
			
 
				+          background-color: #EE6B26;
			
 
				+      }
			
 
				+    </style>
			
 
				+
			
 
				+</html>
			
--- a/分屏/fonts/element-icons.woff
+++ b/分屏/fonts/element-icons.woff
--- a/分屏/images/alert.png
+++ b/分屏/images/alert.png
--- a/分屏/images/bar-blue.png
+++ b/分屏/images/bar-blue.png
--- a/分屏/images/bar-green.png
+++ b/分屏/images/bar-green.png
--- a/分屏/images/bar-purple.png
+++ b/分屏/images/bar-purple.png
--- a/分屏/images/bar-yellow.png
+++ b/分屏/images/bar-yellow.png
--- a/分屏/images/center-icon1.png
+++ b/分屏/images/center-icon1.png
--- a/分屏/images/center-icon2.png
+++ b/分屏/images/center-icon2.png
--- a/分屏/images/center-icon3.png
+++ b/分屏/images/center-icon3.png
--- a/分屏/images/center-top1.png
+++ b/分屏/images/center-top1.png
--- a/分屏/images/center-top2.png
+++ b/分屏/images/center-top2.png
--- a/分屏/images/center-top3.png
+++ b/分屏/images/center-top3.png
--- a/分屏/images/center1.png
+++ b/分屏/images/center1.png
--- a/分屏/images/center2.png
+++ b/分屏/images/center2.png
--- a/分屏/images/content-bg.png
+++ b/分屏/images/content-bg.png
--- a/分屏/images/content-bg2.png
+++ b/分屏/images/content-bg2.png
--- a/分屏/images/down.png
+++ b/分屏/images/down.png
--- a/分屏/images/foot-back.png
+++ b/分屏/images/foot-back.png
--- a/分屏/images/footer-item-checked.png
+++ b/分屏/images/footer-item-checked.png
--- a/分屏/images/footer-item.png
+++ b/分屏/images/footer-item.png
--- a/分屏/images/header-bg.png
+++ b/分屏/images/header-bg.png
--- a/分屏/images/header-bg2.png
+++ b/分屏/images/header-bg2.png
--- a/分屏/images/home-bg.png
+++ b/分屏/images/home-bg.png
--- a/分屏/images/icon-1-home2.png
+++ b/分屏/images/icon-1-home2.png
--- a/分屏/images/icon-2-home2.png
+++ b/分屏/images/icon-2-home2.png
--- a/分屏/images/icon-3-home2.png
+++ b/分屏/images/icon-3-home2.png
--- a/分屏/images/icon-4-home2.png
+++ b/分屏/images/icon-4-home2.png
--- a/分屏/images/icon-5-home2.png
+++ b/分屏/images/icon-5-home2.png
--- a/分屏/images/icon-6-home2.png
+++ b/分屏/images/icon-6-home2.png
--- a/分屏/images/icon-7-home2.png
+++ b/分屏/images/icon-7-home2.png
--- a/分屏/images/icon-8-home2.png
+++ b/分屏/images/icon-8-home2.png
--- a/分屏/images/left-arrow.png
+++ b/分屏/images/left-arrow.png
--- a/分屏/images/left-border2-2.png
+++ b/分屏/images/left-border2-2.png
--- a/分屏/images/left-border2.png
+++ b/分屏/images/left-border2.png
--- a/分屏/images/left1-bg.png
+++ b/分屏/images/left1-bg.png
--- a/分屏/images/page-bg.png
+++ b/分屏/images/page-bg.png
--- a/分屏/images/page-bg2.png
+++ b/分屏/images/page-bg2.png
--- a/分屏/images/popup.png
+++ b/分屏/images/popup.png
--- a/分屏/images/select-bg.png
+++ b/分屏/images/select-bg.png
--- a/分屏/images/title-bg.png
+++ b/分屏/images/title-bg.png
--- a/分屏/images/title-left.png
+++ b/分屏/images/title-left.png
--- a/分屏/images/title-left2.png
+++ b/分屏/images/title-left2.png
--- a/分屏/images/title-right.png
+++ b/分屏/images/title-right.png
--- a/分屏/images/title-right2.png
+++ b/分屏/images/title-right2.png
--- a/分屏/images/up.png
+++ b/分屏/images/up.png
--- a/分屏/images3/back-big.png
+++ b/分屏/images3/back-big.png
--- a/分屏/images3/back.png
+++ b/分屏/images3/back.png
--- a/分屏/images3/big.png
+++ b/分屏/images3/big.png
--- a/分屏/images3/dinn1.png
+++ b/分屏/images3/dinn1.png
--- a/分屏/images3/dinn2.png
+++ b/分屏/images3/dinn2.png
--- a/分屏/images3/dinn3.png
+++ b/分屏/images3/dinn3.png
--- a/分屏/images3/dinn4.png
+++ b/分屏/images3/dinn4.png
--- a/分屏/images3/down-back.png
+++ b/分屏/images3/down-back.png
--- a/分屏/images3/down.png
+++ b/分屏/images3/down.png
--- a/分屏/images3/green.png
+++ b/分屏/images3/green.png
--- a/分屏/images3/group.png
+++ b/分屏/images3/group.png
--- a/分屏/images3/light.png
+++ b/分屏/images3/light.png
--- a/分屏/images3/red.png
+++ b/分屏/images3/red.png
--- a/分屏/images3/small.png
+++ b/分屏/images3/small.png
--- a/分屏/images4/arrow-g.png
+++ b/分屏/images4/arrow-g.png
--- a/分屏/images4/arrow-r.png
+++ b/分屏/images4/arrow-r.png
--- a/分屏/images4/button-back.png
+++ b/分屏/images4/button-back.png
--- a/分屏/images4/list-back.png
+++ b/分屏/images4/list-back.png
--- a/分屏/images4/lt-1.png
+++ b/分屏/images4/lt-1.png
--- a/分屏/images4/lt-2.png
+++ b/分屏/images4/lt-2.png
--- a/分屏/images4/lt-3.png
+++ b/分屏/images4/lt-3.png
--- a/分屏/images4/lt-4.png
+++ b/分屏/images4/lt-4.png
--- a/分屏/images4/lt-5.png
+++ b/分屏/images4/lt-5.png
--- a/分屏/images4/lt-6.png
+++ b/分屏/images4/lt-6.png
--- a/分屏/images4/tr-1.png
+++ b/分屏/images4/tr-1.png
--- a/分屏/images4/tr-2.png
+++ b/分屏/images4/tr-2.png
--- a/分屏/images4/tr-3.png
+++ b/分屏/images4/tr-3.png
--- a/分屏/images4/tr-4.png
+++ b/分屏/images4/tr-4.png
--- a/分屏/images4/tr-5.png
+++ b/分屏/images4/tr-5.png
--- a/分屏/images4/tr-6.png
+++ b/分屏/images4/tr-6.png
--- a/分屏/images5/back1.png
+++ b/分屏/images5/back1.png
--- a/分屏/images5/back2.png
+++ b/分屏/images5/back2.png
--- a/分屏/images5/center-left-list-back.png
+++ b/分屏/images5/center-left-list-back.png
--- a/分屏/images5/completed.png
+++ b/分屏/images5/completed.png
--- a/分屏/images5/completed2.png
+++ b/分屏/images5/completed2.png
--- a/分屏/images5/completedDot.png
+++ b/分屏/images5/completedDot.png
--- a/分屏/images5/langBack.png
+++ b/分屏/images5/langBack.png
--- a/分屏/images5/pin.png
+++ b/分屏/images5/pin.png
--- a/分屏/images5/project.png
+++ b/分屏/images5/project.png
--- a/分屏/investHome.html
+++ b/分屏/investHome.html
@@ -0,0 +1,235 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHome.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/echarts-gl.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./js/data.js"></script>
			
 
				+  <script src="./libs/vue-seamless-scroll.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <!-- highchair -->
			
 
				+  <script src="./libs/highcharts.js"></script>
			
 
				+  <script src="./libs/highcharts3d.js"></script> 
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>数智化投资管理驾驶舱</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="left">
			
 
				+          <dv-border-box-8 :dur="10">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资关键指标</span>
			
 
				+                <!-- <span class="right-date">
			
 
				+                  <el-date-picker v-model="year" prefix-icon="el-icon-date" size="small" type="year"
			
 
				+                    popper-class="date-popper" :clearable="false" :editable="false" placeholder="选择年">
			
 
				+                  </el-date-picker>
			
 
				+                </span> -->
			
 
				+              </div>
			
 
				+              <div class="content">
			
 
				+                <div class="boxs">
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">投资总额</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(1450.73)}}</span>亿</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">项目总数</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(460)}}</span>个</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">固定资产</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">1371.08</span>亿</i>
			
 
				+                      <!-- <span class="change up"><img src="./images/up.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                  <div>
			
 
				+                    <p>
			
 
				+                      <span class="name">股权投资</span>
			
 
				+                      <i class="el-icon-more"></i>
			
 
				+                    </p>
			
 
				+                    <p>
			
 
				+                      <i><span class="num">{{numFormat(79.65)}}</span>亿</i>
			
 
				+                      <!-- <span class="change"><img src="./images/down.png" /> 12.1%</span> -->
			
 
				+                    </p>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="11">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资产业分布</span>
			
 
				+              </div>
			
 
				+              <div id="echartR1" ref="echartR1" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="12" style="margin-bottom: 0;">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资执行情况</span>
			
 
				+              </div>
			
 
				+              <div ref="echartL2" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="center">
			
 
				+          <div class="top">
			
 
				+            <div class="box">
			
 
				+              <div class="t">
			
 
				+                <img src="./images/center1.png" />
			
 
				+                产业转型
			
 
				+              </div>
			
 
				+              <div class="flex b">
			
 
				+                <div>
			
 
				+                  <p>投资金额</p>
			
 
				+                  <p style="color:#40A9FF"><span>531.37</span>亿</p>
			
 
				+                </div>
			
 
				+                <div>
			
 
				+                  <p>项目数量</p>
			
 
				+                  <p style="color:#40A9FF"><span>111</span>个</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="box">
			
 
				+              <div class="t">
			
 
				+                <img src="./images/center1.png" />
			
 
				+                数字转型
			
 
				+              </div>
			
 
				+              <div class="flex b">
			
 
				+                <div>
			
 
				+                  <p>投资金额</p>
			
 
				+                  <p style="color:#40A9FF"><span>78.19</span>亿</p>
			
 
				+                </div>
			
 
				+                <div>
			
 
				+                  <p>项目数量</p>
			
 
				+                  <p style="color:#40A9FF"><span>112</span>个</p>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="map-box">
			
 
				+            <div ref="echarts-map" style="height: calc(100% - 155px);"></div>
			
 
				+            <!-- 项目状态 -->
			
 
				+
			
 
				+            <!-- <div class="status">
			
 
				+              <p>项目状态</p>
			
 
				+              <ul style="padding-left: 30px; margin-bottom: 10px;">
			
 
				+                <li>通过: <i>112</i></li>
			
 
				+                <li>研究中: <i>14</i></li>
			
 
				+                <li>退回: <i>15</i></li>
			
 
				+                <li>暂缓: <i>4</i></li>
			
 
				+                <li>终止： <i>2</i></li>
			
 
				+                <li>否决: <i>4</i></li>
			
 
				+              </ul>
			
 
				+            </div> -->
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <dv-border-box-8 :dur="10">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">五个一体化</span>
			
 
				+              </div>
			
 
				+              <div ref="echartL1" class="content"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="11">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资阶段分析</span>
			
 
				+              </div>
			
 
				+              <div id="echartR2" ref="echartR2" class="content"></div>
			
 
				+               <!-- <div class="content">
			
 
				+               <vue-seamless-scroll :data="amountList" :class-option="classOption" class="warp">
			
 
				+                  <ul class="list">
			
 
				+                    <li class="list-item" v-for="(item,index) in amountList" ::key="index">
			
 
				+                      <i>NO.{{index+1}}</i>
			
 
				+                      <div class="flex1">
			
 
				+                        <p>{{item.name}}</p>
			
 
				+                        <el-progress :percentage="item.value / amountTotal * 100" stroke-width="10"
			
 
				+                          :show-text="false"></el-progress>
			
 
				+                      </div>
			
 
				+                      <span class="value">{{item.value}}亿</span>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </vue-seamless-scroll> 
			
 
				+              </div>-->
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="12" style="margin-bottom: 0;">
			
 
				+            <div class="my-panel">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">重点项目监控</span>
			
 
				+              </div>
			
 
				+              <dv-scroll-board :config="storageRecordConfig" class="content" />
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip">
			
 
				+        <div class="tip-box">
			
 
				+          <div class="tip-content">
			
 
				+            <div class="tip-title">地域投资明细</div>
			
 
				+            <div class="tip-down" @click="showTip = false">×</div>
			
 
				+
			
 
				+            <div ref="echartTip2" class="content"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip2">
			
 
				+        <div class="tip-box">
			
 
				+          <div class="tip-content">
			
 
				+            <div class="tip-title">{{tipTitle2}}</div>
			
 
				+            <div class="tip-down" @click="closeTip()">×</div>
			
 
				+            <div ref="echartTip3" class="content2"></div>
			
 
				+
			
 
				+            <div ref="echartTip4" class="content2"></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <!-- <div class="footer">
			
 
				+          <a class="item" v-for="(item,index) in companyList" :key="index">{{item.name}}</a>
			
 
				+        </div> -->
			
 
				+    </dv-full-screen-container>
			
 
				+
			
 
				+
			
 
				+  </div>
			
 
				+  <script src="./js/investHome.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome2.html
+++ b/分屏/investHome2.html
@@ -0,0 +1,286 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHome2.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <!-- <script src="./libs/datav.min.js"></script> -->
			
 
				+  <script src="./libs/datav.map.vue.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-liquidfill.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <script src="./js/data2.js"></script>
			
 
				+     <!-- highchair -->
			
 
				+  <script src="./libs/highcharts.js"></script>
			
 
				+  <script src="./libs/highcharts3d.js"></script> 
			
 
				+  <!-- 轮播 -->
			
 
				+  <!-- <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.css" />
			
 
				+  <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.js"></script>
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
			
 
				+  <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js.map"></script> -->
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资业务管理</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="left">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资额度分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left" style="flex-wrap: wrap;">
			
 
				+                <div class="content-left-top">
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #15FFA2;">514.89<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-4-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">上年度净利润</div>
			
 
				+                  </div>
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #08E4FA;">487.00<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-7-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">带息负债压降指标</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="content-left-bottom">
			
 
				+                  <div class="item2">
			
 
				+                    <div class="item2-title" style="color: #DD9CFF;">744.06<span>亿</span></div>
			
 
				+                    <div class="item2-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item2-text">固定资产折旧及无形资产摊销</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #DD9CFF;">386.29<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">固定资产折旧</div>
			
 
				+                </div>
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #EBC805;">37.62<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-6-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">无形资产摊销</div>
			
 
				+                </div> -->
			
 
				+              </div>
			
 
				+              <div class="content-right" style="position:relative">
			
 
				+                <div class="total">总额度<span style="font-size: 25px;">1,834.51亿</span></div>
			
 
				+                <div ref="echartL2" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">企业额度分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div id="echartL1" style="width: 100%; height: 100%; background-color: #05183c;"></div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">重点项目两线指标</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-right" style="margin-right: 10px;">
			
 
				+                <dv-scroll-board :config="storageRecordConfig" @scroll-change="scrollChange" class="" />
			
 
				+              </div>
			
 
				+              <div class="content-left">
			
 
				+                <div ref="echartL3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资计划分析</span>
			
 
				+              <!-- <span class="tip-window">2023年</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div class="content-left-l">
			
 
				+                  <div class="item3">
			
 
				+                    <div class="item3-title">1,768.24<span>亿</span></div>
			
 
				+                    <div class="item3-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-8-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item4-text" style="color: rgba(255, 255, 255, 0.6);text-align: center;">
			
 
				+                      <div>年度投资计划总额</div>
			
 
				+                      <div>（企业上报）</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="content-left-r">
			
 
				+                  <div class="content-left-r-t">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">固定资产类项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">投资金额</div>
			
 
				+                          <div class="title">1,608.69<span>亿</span></div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">项目数量</div>
			
 
				+                          <div class="title">350<span>个</span></div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                      <div class="littleWord">其中含技改和其他类项目计划投资额1112.7亿元</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="content-left-r-b">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">股权类项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">投资金额</div>
			
 
				+                          <div class="title">159.56<span>亿</span></div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="text" style="margin-top: 10px;">项目数量</div>
			
 
				+                          <div class="title">250<span>个</span></div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="content-right" style="position: relative;">
			
 
				+                <div class="content-right-l">
			
 
				+                  <div id="echartR1" ref="echartR1" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-right-r">
			
 
				+                  <div id="echartR2" ref="echartR2" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="littleWord" style="position: absolute;bottom: 0;left: 23%;">其中含技改和其他类项目计划投资额1112.7亿元</div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">产业布局分析</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="fourPie">
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL4" ref="echartL4" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL5" ref="echartL5" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL6" ref="echartL6" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-con">
			
 
				+                  <div id="echartL7" ref="echartL7" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">项目阶段分析</span>
			
 
				+              <!-- <span class="tip-window">省重点项目</span> -->
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-top" style="margin-bottom: 0; margin-right: 10px;">
			
 
				+                <div ref="echartR6" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+              <div class="content-right" style="margin-bottom: 0;">
			
 
				+                <div ref="echartR3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tipb" v-show="showTip2">
			
 
				+        <!-- <div class="tip"> -->
			
 
				+        <div class="tip-down" @click="showTip2 = false">×</div>
			
 
				+        <div class="tip1">晋能控股</div>
			
 
				+        <div class="tip2">
			
 
				+          <!-- <div>
			
 
				+            <div class="tip2-title">2 0 2 2年 度</div>
			
 
				+            <div class="tip2-list">
			
 
				+              <div>
			
 
				+                <span>合并报表净利润</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">135.26</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>提取固定资产折旧和无形资产摊销</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">317.76</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>预计压降带息负债</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">9.81</span>亿元</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div> -->
			
 
				+          <!-- <div class="pie" ref="echartR4" style="width: 100%; height: 100%;"></div> -->
			
 
				+          <div>
			
 
				+            <!-- <div class="tip2-title">2 0 2 3 年 度</div> -->
			
 
				+            <div class="tip2-list">
			
 
				+              <div>
			
 
				+                <span>2022年度合并报表净利润</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">135.26</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>提取固定资产折旧和无形资产摊销</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">317.76</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>预计带息负债压降</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">160.00</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>已用额度</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">220.82</span>亿元</span>
			
 
				+              </div>
			
 
				+              <div>
			
 
				+                <span>剩余额度</span>
			
 
				+                <span style="color:#4C96CB"><span style="font-size: 20px;font-weight: bold;">392.20</span>亿元</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="" style="position:relative;width: 100%;height: 100%;">
			
 
				+            <div class="total3 total">总额度<span style="font-size: 25px;">613.02亿元</span></div>
			
 
				+            <div ref="echartL2b" style="width: 100%; height: 100%;background-color: #04224c;"></div>
			
 
				+          </div>
			
 
				+          <!-- <div class="pie" ref="echartR5" style="width: 100%; height: 100%;"></div> -->
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="tip" v-show="showTip3">
			
 
				+        <div class="tip-down" @click="showTip3 = false">×</div>
			
 
				+        <div class="tip1">{{ echartTitle }}</div>
			
 
				+        <div class="pie" id="echartT1" ref="echartT1" style="width: 100%; height: 100%;"></div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome2.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome2compound.html
+++ b/分屏/investHome2compound.html
@@ -0,0 +1,219 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHome2compound.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min.js"></script>
			
 
				+  <script src="./libs/echarts.min2.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-liquidfill.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资管理数智中心</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="left">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">储备项目分析</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div class="item">
			
 
				+                  <div class="item-title">825.60<span>亿</span></div>
			
 
				+                  <div class="item-img">
			
 
				+                    <img style="width: 100%; height: 100%" src="./images/icon-1-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item-text">储备项目总金额</div>
			
 
				+                </div>
			
 
				+                <div class="item">
			
 
				+                  <div class="item-title">786<span>个</span></div>
			
 
				+                  <div class="item-img">
			
 
				+                    <img style="width: 100%; height: 100%" src="./images/icon-2-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item-text">储备项目数量</div>
			
 
				+                </div>
			
 
				+                <div class="item">
			
 
				+                  <div class="item-title">23.56<span>%</span></div>
			
 
				+                  <div class="item-img">
			
 
				+                    <img style="width: 100%; height: 100%" src="./images/icon-3-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item-text">储备项目准化率</div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div ref="echartL1" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资额度分析</span>
			
 
				+              <span class="tip-window">2023年</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left" style="flex-wrap: wrap;">
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #15FFA2;">574.12<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-4-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">上一年度经营业绩</div>
			
 
				+                </div>
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #DD9CFF;">212.21<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-5-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">上一年度经营业绩</div>
			
 
				+                </div>
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #EBC805;">222.31<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-6-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">上一年度经营业绩</div>
			
 
				+                </div>
			
 
				+                <div class="item2">
			
 
				+                  <div class="item2-title" style="color: #08E4FA;">523.32<span>亿</span></div>
			
 
				+                  <div class="item2-img">
			
 
				+                    <img style="width: 100%; height: 100%;" src="./images/icon-7-home2.png" alt="">
			
 
				+                  </div>
			
 
				+                  <div class="item2-text">上一年度经营业绩</div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div ref="echartL2" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">重点项目两线指标</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div ref="echartL3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+              <div class="content-con">
			
 
				+                <div ref="echartL4" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div class="item5">
			
 
				+                  <div class="title">山西焦煤集团</div>
			
 
				+                  <dv-scroll-board :config="storageRecordConfig" style="width: 100%; height:calc(100% - 30px)" />
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="right">
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投资计划分析</span>
			
 
				+              <span class="tip-window">2023年</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div class="content-left-l">
			
 
				+                  <div class="item3">
			
 
				+                    <div class="item3-title">450.12<span>亿</span></div>
			
 
				+                    <div class="item3-img">
			
 
				+                      <img style="width: 100%; height: 100%;" src="./images/icon-8-home2.png" alt="">
			
 
				+                    </div>
			
 
				+                    <div class="item4-text">
			
 
				+                      年度投资计划总额
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="content-left-r">
			
 
				+                  <div class="content-left-r-t">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">列入省级项目重点项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="title">200<span>亿</span></div>
			
 
				+                          <div class="text">投资金额</div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="title">20<span>个</span></div>
			
 
				+                          <div class="text">项目数量</div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="content-left-r-b">
			
 
				+                    <div class="item4">
			
 
				+                      <div class="item4-title">国家或省政府决定的重大项目</div>
			
 
				+                      <div class="item4-con">
			
 
				+                        <div class="item">
			
 
				+                          <div class="title">200<span>亿</span></div>
			
 
				+                          <div class="text">投资金额</div>
			
 
				+                        </div>
			
 
				+                        <div class="item">
			
 
				+                          <div class="title">20<span>个</span></div>
			
 
				+                          <div class="text">项目数量</div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div class="content-right-l">
			
 
				+                  <div ref="echartR1" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+                <div class="content-right-r">
			
 
				+                  <div ref="echartR2" style="width: 100%; height: 100%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1; margin-bottom: 10px;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">投前项目阶段分析</span>
			
 
				+              <span class="tip-window">省重点项目</span>
			
 
				+            </div>
			
 
				+            <div class="content" style="flex-direction: column;">
			
 
				+              <div class="content-top">
			
 
				+                <div ref="echartR3" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 :dur="10" style="flex: 1;">
			
 
				+            <div class="title">
			
 
				+              <span class="text">企业后评价分析</span>
			
 
				+            </div>
			
 
				+            <div class="content">
			
 
				+              <div class="content-left">
			
 
				+                <div ref="echartR4" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+              <div class="content-right">
			
 
				+                <div ref="echartR5" style="width: 100%; height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome2compound.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome3.html
+++ b/分屏/investHome3.html
@@ -0,0 +1,222 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <!-- <link rel="stylesheet" href="./styles/normalize.css" /> -->
			
 
				+  <link rel="stylesheet" href="./styles/investHome3.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min2.js"></script>
			
 
				+  <script src="./libs/echarts.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资管理数智中心</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="top">
			
 
				+          <div class="top-left">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资关键指标</span>
			
 
				+              </div>
			
 
				+              <div class="top-left-bottom flex items-center justify-between">
			
 
				+                <div class="top-left-bottom-left flex items-center justify-center">
			
 
				+                  <img src="./images3/light.png" alt="">
			
 
				+                  <div class="num">651<span style="font-size: 14px;font-weight: normal;">个</span></div>
			
 
				+                </div>
			
 
				+                <div class="top-left-bottom-right flex items-center">
			
 
				+                  <div ref="tl1" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl2" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl3" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl4" style="height:100%;width: 25%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+          <div class="top-right">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资额完成分析</span>
			
 
				+              </div>
			
 
				+              <div class="top-right-bottom">
			
 
				+                <div id="aiQuality" class="mx-auto" style="width: 100%; height: 100%"></div>
			
 
				+              </div>
			
 
				+              <div class="downList  flex items-center justify-center">
			
 
				+                <span>2023</span>
			
 
				+                <img src="./images3/down.png" alt="">
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="bottom-right">
			
 
				+          <div class="bottom-right-left">
			
 
				+            <div class="center-center">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">煤炭增产保供</span>
			
 
				+              </div>
			
 
				+              <div class="bottom-right-left-content">
			
 
				+                <div class="bottom-right-left-content-top">
			
 
				+                  <div id="aiQuality5" class="mx-auto" style="width: 100%; height: 100%"></div>
			
 
				+                  <div class="bottom-right-left-content-top-right">
			
 
				+                    <div class="flex items-center">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn1.png" alt="">
			
 
				+                      <div class="flex flex-col">
			
 
				+                        <span style="color:#69C0FF"><span
			
 
				+                            style="font-size: 18px;font-weight: bold;">13.07</span>亿吨</span>
			
 
				+                        <span>全年产量</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="flex items-center">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn2.png" alt="">
			
 
				+                      <div class="flex flex-col">
			
 
				+                        <span style="color:#69C0FF"><span
			
 
				+                            style="font-size: 18px;font-weight: bold;">13.07</span>亿吨</span>
			
 
				+                        <span>全年产量</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="flex items-center">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn3.png" alt="">
			
 
				+                      <div class="flex flex-col">
			
 
				+                        <span style="color:#69C0FF"><span
			
 
				+                            style="font-size: 18px;font-weight: bold;">13.07</span>亿吨</span>
			
 
				+                        <span>全年产量</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="flex items-center">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn4.png" alt="">
			
 
				+                      <div class="flex flex-col">
			
 
				+                        <span style="color:#69C0FF"><span
			
 
				+                            style="font-size: 18px;font-weight: bold;">13.07</span>亿吨</span>
			
 
				+                        <span>全年产量</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="bottom-right-left-content-bottom">
			
 
				+                  <div>
			
 
				+                    <div ref="tl7" style="height:100%;width: 100%;"></div>
			
 
				+                  </div>
			
 
				+                  <div class="bottom-right-left-content-bottom-bottom">
			
 
				+                    <div class="flex items-center bottom-right-back relative">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn4.png" alt="">
			
 
				+                      <div class="flex flex-col justify-center items-center  ">
			
 
				+                        <span style="color:#69C0FF"><span style="font-size: 18px;font-weight: bold;">37</span>座</span>
			
 
				+                        <span>智能化煤矿累计值</span>
			
 
				+                      </div>
			
 
				+                      <div class="absolute flex items-center arrow">
			
 
				+                        <img src="./images3/green.png" alt="" style="wdith:15px;height:15px">
			
 
				+                        <span style="color:green">5.8%</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="flex items-center bottom-right-back relative">
			
 
				+                      <img style="width:50px;height:50px;margin-right: 10px;" src="./images3/dinn4.png" alt="">
			
 
				+                      <div class="flex flex-col justify-center items-center relative ">
			
 
				+                        <span style="color:#69C0FF"><span style="font-size: 18px;font-weight: bold;">993</span>处</span>
			
 
				+                        <span>智能化采掘工作面</span>
			
 
				+                      </div>
			
 
				+                      <div class="absolute flex items-center arrow">
			
 
				+                        <img src="./images3/red.png" alt="" style="wdith:15px;height:15px">
			
 
				+                        <span style="color:red">5.8%</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="bottom-right-right">
			
 
				+            <div class="center">
			
 
				+              <div class="center-center">
			
 
				+                <dv-border-box-8>
			
 
				+                  <div class="panel-title">
			
 
				+                    <span class="text">重点项目进度</span>
			
 
				+                  </div>
			
 
				+                  <div class="center-center-bottom">
			
 
				+                    <div>
			
 
				+                      <div><span style="color:#3AF7FE;margin-right: 10px;">按进度排序</span><span
			
 
				+                          style="color:#B889EA">偏差率排序</span></div>
			
 
				+                      <div class="center-center-bottom-list">
			
 
				+                        <p>煤焦化矿井升级改造项目</p>
			
 
				+                        <el-progress percentage="80" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                        <p>煤焦化矿井升级改造项目</p>
			
 
				+                        <el-progress percentage="30" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                        <p>煤焦化矿井升级改造项目</p>
			
 
				+                        <el-progress percentage="60" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="center-center-bottom-right" style="margin-right: 10px;">
			
 
				+                      <div></div>
			
 
				+                      <div>总体偏离度</div>
			
 
				+                      <div>+12%</div>
			
 
				+                      <div>-5%</div>
			
 
				+                      <div>+18%</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </dv-border-box-8>
			
 
				+              </div>
			
 
				+              <div class="center-left">
			
 
				+                <dv-border-box-8>
			
 
				+                  <div class="panel-title">
			
 
				+                    <span class="text">项目风险画像</span>
			
 
				+                  </div>
			
 
				+                  <div class="center-left-bottom">
			
 
				+                    <div ref="cr1" style="height:100%;width: 100%;"></div>
			
 
				+                    <div class="flex justify-center items-center">
			
 
				+                      <div class="center-left-bottom-list flex justify-center items-center flex-col">
			
 
				+                        <span>维度</span>
			
 
				+                        <span>进度</span>
			
 
				+                        <span>质量</span>
			
 
				+                        <span>预算</span>
			
 
				+                        <span>证照</span>
			
 
				+                        <span>合同</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </dv-border-box-8>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            <div class="footer">
			
 
				+              <div class="footer-center">
			
 
				+                <dv-border-box-8>
			
 
				+                  <div class="panel-title">
			
 
				+                    <span class="text">项目成本分析</span>
			
 
				+                  </div>
			
 
				+                  <div class="footer-center-bottom">
			
 
				+                    <div id="aiQuality2" class="mx-auto" style="width: 100%; height: 100%"></div>
			
 
				+                  </div>
			
 
				+                </dv-border-box-8>
			
 
				+              </div>
			
 
				+              <div class="footer-left">
			
 
				+                <dv-border-box-8>
			
 
				+                  <div class="panel-title">
			
 
				+                    <span class="text">风险事项列表</span>
			
 
				+                  </div>
			
 
				+                  <div class="footer-left-bottom">
			
 
				+                    <dv-scroll-board :config="config5" style="width: 100%; height: 80%" />
			
 
				+                  </div>
			
 
				+                </dv-border-box-8>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome3.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome3compound.html
+++ b/分屏/investHome3compound.html
@@ -0,0 +1,201 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <!-- <link rel="stylesheet" href="./styles/normalize.css" /> -->
			
 
				+  <link rel="stylesheet" href="./styles/investHome3compound.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min2.js"></script>
			
 
				+  <script src="./libs/echarts.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资管理数智中心</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="top">
			
 
				+          <div class="top-left">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资关键指标</span>
			
 
				+              </div>
			
 
				+              <div class="top-left-bottom flex items-center justify-between">
			
 
				+                <div class="top-left-bottom-left flex items-center justify-center">
			
 
				+                  <img src="./images3/light.png" alt="">
			
 
				+                  <div class="num">442<span style="font-size: 14px;font-weight: normal;">个</span></div>
			
 
				+                </div>
			
 
				+                <div class="top-left-bottom-right flex items-center">
			
 
				+                  <div ref="tl1" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl2" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl3" style="height:100%;width: 25%;"></div>
			
 
				+                  <div ref="tl4" style="height:100%;width: 25%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+          <div class="top-right">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">投资额完成分析</span>
			
 
				+              </div>
			
 
				+              <div class="top-right-bottom">
			
 
				+                <div id="aiQuality" class="mx-auto" style="width: 100%; height: 100%"></div>
			
 
				+              </div>
			
 
				+              <div class="downList  flex items-center justify-center">
			
 
				+                <span>2023</span>
			
 
				+                <img src="./images3/down.png" alt="">
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="center">
			
 
				+          <div class="center-right">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">两个转型</span>
			
 
				+              </div>
			
 
				+              <div class="center-right-bottom">
			
 
				+                <div ref="cl1" style="height:100%;width: 100%;"></div>
			
 
				+                <div class="center-right-bottom-right flex items-center justify-center flex-col">
			
 
				+                  <img src="./images3/group.png" alt="">
			
 
				+                  <div class="center-right-bottom-right-text">24.12<span style="font-size: 14px;">亿</span></div>
			
 
				+                  <div style="height:20px;line-height: 20px">数字转型实际投资</div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+          <dv-border-box-8>
			
 
				+            <div class="center-center">
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">重点项目进度</span>
			
 
				+              </div>
			
 
				+              <div class="center-center-bottom">
			
 
				+                <div style="height:100%;width: 100%;">
			
 
				+                  <div><span style="color:#3AF7FE;margin-right: 10px;">按进度排序</span><span
			
 
				+                      style="color:#B889EA">偏差率排序</span></div>
			
 
				+                  <div class="center-center-bottom-list">
			
 
				+                    <p>重点隧道工程项目</p>
			
 
				+                    <el-progress percentage=" 56" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                    <p>智能高端装备产业园区项目</p>
			
 
				+                    <el-progress percentage="14" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                    <p>矿井及选煤厂项目</p>
			
 
				+                    <el-progress percentage="25" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                    <p>重点实验室仪器设备采购项目</p>
			
 
				+                    <el-progress percentage="45" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                    <p>林果苗木繁育基地项目</p>
			
 
				+                    <el-progress percentage="29" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                    <p>智慧农机装备园项目</p>
			
 
				+                    <el-progress percentage="8" color="#FBE139" :show-text="true"></el-progress>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="center-center-bottom-right" style="margin-right: 10px;">
			
 
				+                  <div></div>
			
 
				+                  <div>总体偏离度</div>
			
 
				+                  <div>+9%</div>
			
 
				+                  <div>+7%</div>
			
 
				+                  <div>+5%</div>
			
 
				+                  <div>+4%</div>
			
 
				+                  <div>+3%</div>
			
 
				+                  <div>+1%</div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <div class="center-left">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">项目风险画像</span>
			
 
				+              </div>
			
 
				+              <div class="center-left-bottom">
			
 
				+                <div ref="cr1" style="height:100%;width: 100%;"></div>
			
 
				+                <div class="flex justify-center items-center">
			
 
				+                  <div class="center-left-bottom-list flex justify-center items-center flex-col">
			
 
				+                    <span>维度</span>
			
 
				+                    <span>进度</span>
			
 
				+                    <span>质量</span>
			
 
				+                    <span>预算</span>
			
 
				+                    <span>证照</span>
			
 
				+                    <span>合同</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="footer">
			
 
				+          <div class="footer-right">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">五个一体化</span>
			
 
				+              </div>
			
 
				+              <div class="footer-right-bottom flex justify-around flex-col">
			
 
				+                <p>煤焦化矿井升级改造项目</p>
			
 
				+                <div class="flex items-center">
			
 
				+                  <el-progress percentage="80" color="#FBE139" :show-text="false"></el-progress>
			
 
				+                  <span style="margin-left: 20px;">230.10亿</span>
			
 
				+                </div>
			
 
				+                <p>煤炭和新能源一体化</p>
			
 
				+                <div class="flex items-center">
			
 
				+                  <el-progress percentage="50" color="#FBE139" :show-text="false"></el-progress>
			
 
				+                  <span style="margin-left: 20px;">200.1亿</span>
			
 
				+                </div>
			
 
				+                <p>煤炭和新能源一体化</p>
			
 
				+                <div class="flex items-center">
			
 
				+                  <el-progress percentage="20" color="#FBE139" :show-text="false"></el-progress>
			
 
				+                  <span style="margin-left: 20px;">160亿</span>
			
 
				+                </div>
			
 
				+                <p>煤炭和数字技术一体化</p>
			
 
				+                <div class="flex items-center">
			
 
				+                  <el-progress percentage="40" color="#FBE139" :show-text="false"></el-progress>
			
 
				+                  <span style="margin-left: 20px;">143亿</span>
			
 
				+                </div>
			
 
				+                <p>煤炭和降碳一体化</p>
			
 
				+                <div class="flex items-center">
			
 
				+                  <el-progress percentage="10" color="#FBE139" :show-text="false"></el-progress>
			
 
				+                  <span style="margin-left: 20px;">140亿</span>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+          <div class="footer-center">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">项目成本分析</span>
			
 
				+              </div>
			
 
				+              <div class="footer-center-bottom">
			
 
				+                <div id="aiQuality2" class="mx-auto" style="width: 100%; height: 100%"></div>
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+          <div class="footer-left">
			
 
				+            <dv-border-box-8>
			
 
				+              <div class="panel-title">
			
 
				+                <span class="text">风险事项列表</span>
			
 
				+              </div>
			
 
				+              <div class="footer-left-bottom">
			
 
				+                <dv-scroll-board :config="config5" style="width: 100%; height: 80%" />
			
 
				+              </div>
			
 
				+            </dv-border-box-8>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome3compound.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome4.html
+++ b/分屏/investHome4.html
@@ -0,0 +1,256 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <!-- <link rel="stylesheet" href="./styles/normalize.css" /> -->
			
 
				+  <link rel="stylesheet" href="./styles/investHome4.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min2.js"></script>
			
 
				+  <script src="./libs/echarts.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资管理数智中心</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <dv-border-box-8>
			
 
				+          <div class="overflow-hidden w-full h-full tl">
			
 
				+            <div class="panel-title">
			
 
				+              <span class="text">“四化”</span>
			
 
				+            </div>
			
 
				+            <div class="lt-bottom overflow-hidden w-full">
			
 
				+              <div class="overflow-hidden w-full h-full lt-bottom-left">
			
 
				+                <div class=" w-full h-full flex justify-center items-center">业务归核化</div>
			
 
				+                <div class=" w-full h-full flex justify-center items-center">治理规范化</div>
			
 
				+                <div class=" w-full h-full flex justify-center items-center">管理数智化</div>
			
 
				+                <div class=" w-full h-full flex justify-center items-center">资产证券化</div>
			
 
				+              </div>
			
 
				+              <div class="lt-bottom-right overflow-hidden w-full h-full commonBack">
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-1.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">4000</span>户</span>
			
 
				+                    <span>总范围总户数</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-2.png" alt="">
			
 
				+                  <div class="flex flex-col" style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">3890</span>户</span>
			
 
				+                    <span>已核定主业户数</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-3.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">97.25</span>%</span>
			
 
				+                    <span>完成比例</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-4.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">872.15</span>%</span>
			
 
				+                    <span>主业项目投资总额</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-5.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">83.79</span>%</span>
			
 
				+                    <span>“两非”剥离完成率</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="flex items-center justify-center w-full h-full overflow-hidden">
			
 
				+                  <img class="lt-img" src="./images4/lt-6.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 76px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">76.12</span>%</span>
			
 
				+                    <span>“两资”清退完成率</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </dv-border-box-8>
			
 
				+        <dv-border-box-8>
			
 
				+          <div class="overflow-hidden w-full h-full bl">
			
 
				+            <div class="panel-title">
			
 
				+              <span class="text">煤炭保供/转型</span>
			
 
				+            </div>
			
 
				+            <div class="rt-bottom overflow-hidden w-full">
			
 
				+              <div class="rt-bottom-top overflow-hidden w-full h-full commonBack">
			
 
				+                <div class="overflow-hidden w-full h-full flex items-center justify-center">
			
 
				+                  <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">13.07</span>亿吨</span>
			
 
				+                    <span>全年产量</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="overflow-hidden w-full h-full flex items-center justify-center">
			
 
				+                  <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">8.7</span>%</span>
			
 
				+                    <span>增长比例</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="overflow-hidden w-full h-full flex items-center justify-center">
			
 
				+                  <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">6.2</span>亿吨</span>
			
 
				+                    <span>保供产能</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="overflow-hidden w-full h-full flex items-center justify-center">
			
 
				+                  <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                  <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">4000</span>户</span>
			
 
				+                    <span>总范围总户数</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="rt-bottom-bottom overflow-hidden w-full h-full">
			
 
				+                <div class="overflow-hidden w-full h-full commonBack">
			
 
				+                  <div ref="echart1" class="w-full h-full"></div>
			
 
				+                </div>
			
 
				+                <div class="rt-bottom-bottom-c overflow-hidden w-full h-full commonBack">
			
 
				+                  <div class="flex items-center justify-center overflow-hidden w-full h-full relative">
			
 
				+                    <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                    <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                      <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">37</span>座</span>
			
 
				+                      <span>智能化煤矿累计值</span>
			
 
				+                      <div class="arrow absolute flex items-center justify-center">
			
 
				+                        <img src="./images4/arrow-g.png" alt="">
			
 
				+                        <span>17.2%</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="flex items-center justify-center overflow-hidden w-full h-full relative">
			
 
				+                    <img class="tr-img" src="./images4/tr-1.png" alt="">
			
 
				+                    <div class="flex flex-col " style="width:calc( 100% - 50px )">
			
 
				+                      <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">993</span>处</span>
			
 
				+                      <span>智能化采掘工作面</span>
			
 
				+                      <div class="arrow absolute flex items-center justify-center">
			
 
				+                        <img src="./images4/arrow-r.png" alt="">
			
 
				+                        <span>5.78%</span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="overflow-hidden w-full h-full commonBack">
			
 
				+                  <div ref="echart2" class="w-full h-full" style="width:100%;height: 100%;"></div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </dv-border-box-8>
			
 
				+        <dv-border-box-8>
			
 
				+          <div class="overflow-hidden w-full h-full bl">
			
 
				+            <div class="panel-title relative">
			
 
				+              <span class="text">两个转型</span>
			
 
				+              <div class="right-title absolute">2023年度投资计划</div>
			
 
				+            </div>
			
 
				+            <div class="bl-bottom overflow-hidden w-full">
			
 
				+              <div class="bl-bottom-top overflow-hidden w-full w-full">
			
 
				+                <div class="commonBack flex items-center justify-center">
			
 
				+                  <div class="flex flex-col " style="width:30%;margin-right: 10%;">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">680.29</span>亿</span>
			
 
				+                    <span>产业转型总投资额</span>
			
 
				+                  </div>
			
 
				+                  <div class="flex flex-col " style="width:15%">
			
 
				+                    <span style="color: #69C0FF;"><span style="font-size:22px;font-weight: bold;">260</span>个</span>
			
 
				+                    <span>项目数量</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="commonBack flex items-center justify-center">
			
 
				+                  <div class="flex flex-col " style="width:30%;margin-right: 10%;">
			
 
				+                    <span style="color: #45DAD1;"><span style="font-size:22px;font-weight: bold;">28.11</span>亿</span>
			
 
				+                    <span>数字化转型总投资额</span>
			
 
				+                  </div>
			
 
				+                  <div class="flex flex-col " style="width:15%">
			
 
				+                    <span style="color: #45DAD1;"><span style="font-size:22px;font-weight: bold;">57</span>个</span>
			
 
				+                    <span>项目数量</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="commonBack bl-bottom-bottom">
			
 
				+                <div ref="echart4" class="w-full h-full" style="width:100%;height: 100%;"></div>
			
 
				+                <div ref="echart5" class="w-full h-full" style="width:100%;height: 100%;"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </dv-border-box-8>
			
 
				+        <dv-border-box-8>
			
 
				+          <div class="overflow-hidden w-full h-full br">
			
 
				+            <div class="panel-title">
			
 
				+              <span class="text">五个一体化</span>
			
 
				+            </div>
			
 
				+            <div class=" overflow-hidden w-full rb-bottom">
			
 
				+              <div class="overflow-hidden w-full h-full commonBack">
			
 
				+                <div ref="echart3" class="w-full h-full"></div>
			
 
				+              </div>
			
 
				+              <div class="overflow-hidden w-full h-full commonBack">
			
 
				+                <div class="rank text-right">
			
 
				+                  <span>按进度排序</span>
			
 
				+                </div>
			
 
				+                <div class="schedule overflow-hidden w-full">
			
 
				+                  <div class="flex justify-center flex-col">
			
 
				+                    <div class="flex justify-between item" style="padding-right: 20px;">
			
 
				+                      <span>煤炭和煤电一体化</span>
			
 
				+                      <span>项目数：27个</span>
			
 
				+                    </div>
			
 
				+                    <el-progress percentage="80" color="#FBE139" :format="format"></el-progress>
			
 
				+                  </div>
			
 
				+                  <div class="flex justify-center flex-col">
			
 
				+                    <div class="flex justify-between item" style="padding-right: 20px;">
			
 
				+                      <span>煤炭和煤电一体化</span>
			
 
				+                      <span>项目数：27个</span>
			
 
				+                    </div>
			
 
				+                    <el-progress percentage="80" color="#FBE139" :format="format"></el-progress>
			
 
				+                  </div>
			
 
				+                  <div class="flex justify-center flex-col">
			
 
				+                    <div class="flex justify-between item" style="padding-right: 20px;">
			
 
				+                      <span>煤炭和煤电一体化</span>
			
 
				+                      <span>项目数：27个</span>
			
 
				+                    </div>
			
 
				+                    <el-progress percentage="80" color="#FBE139" :format="format"></el-progress>
			
 
				+                  </div>
			
 
				+                  <div class="flex justify-center flex-col">
			
 
				+                    <div class="flex justify-between item" style="padding-right: 20px;">
			
 
				+                      <span>煤炭和煤电一体化</span>
			
 
				+                      <span>项目数：27个</span>
			
 
				+                    </div>
			
 
				+                    <el-progress percentage="80" color="#FBE139" :format="format"></el-progress>
			
 
				+                  </div>
			
 
				+                  <div class="flex justify-center flex-col">
			
 
				+                    <div class="flex justify-between item" style="padding-right: 20px;">
			
 
				+                      <span>煤炭和煤电一体化</span>
			
 
				+                      <span>项目数：27个</span>
			
 
				+                    </div>
			
 
				+                    <el-progress percentage="80" color="#FBE139" :format="format"></el-progress>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </dv-border-box-8>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome4.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHome5.html
+++ b/分屏/investHome5.html
@@ -0,0 +1,137 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <!-- <link rel="stylesheet" href="./styles/normalize.css" /> -->
			
 
				+  <link rel="stylesheet" href="./styles/investHome5.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min2.js"></script>
			
 
				+  <script src="./libs/echarts.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+  <script src="./js/data5.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <header class="my-header">
			
 
				+        <span>投资项目管理</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <div class="top">
			
 
				+          <dv-border-box-8 class="overflow-hidden topBack" :dur="12">
			
 
				+            <div class="panel-title ">
			
 
				+              <span class="text">固定资产</span>
			
 
				+            </div>
			
 
				+            <div class="top-lb w-full overflow-hidden">
			
 
				+              <div v-for="(item,index) in titleList" :key="index"
			
 
				+                class="topCard flex items-center justify-center flex-col  overflow-hidden">
			
 
				+                <div class="flex items-center justify-center shrink-0"
			
 
				+                  :class="(item.type==1&&item.name)?'titleBackBlue':(item.type==2&&item.name)?'titleBackYellow':''">
			
 
				+                  <span class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">{{( index
			
 
				+                    % 2 ) ==
			
 
				+                    0?item.name:''}}</span>
			
 
				+                </div>
			
 
				+                <span style="color:#1998FF;" v-if="( index % 2 ) == 0"><span
			
 
				+                    style="font-size:24px;font-weight: bold;">{{item.number}}</span>个</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 class="overflow-hidden topBackR" :dur="12">
			
 
				+            <div class="panel-title ">
			
 
				+              <span class="text">股权类</span>
			
 
				+            </div>
			
 
				+            <div class="top-rb w-full overflow-hidden">
			
 
				+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
			
 
				+                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
			
 
				+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">前期准备</span>
			
 
				+                </div>
			
 
				+                <span style="color:#1998FF;"><span style="font-size:24px;font-weight: bold;">17</span>个</span>
			
 
				+              </div>
			
 
				+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
			
 
				+                <div class="flex items-center justify-center shrink-0 titleBackBlue">
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="topCard flex items-center justify-center flex-col  overflow-hidden">
			
 
				+                <div class="flex items-center justify-center shrink-0 titleBackBlue"><span
			
 
				+                    class="flex items-center justify-center" style="height:40%;width:33%;font-size: 16px;">工商变更登记</span>
			
 
				+                </div>
			
 
				+                <span style="color:#1998FF;"><span style="font-size:24px;font-weight: bold;">43</span>个</span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="center">
			
 
				+          <dv-border-box-8 :dur="12">
			
 
				+            <div class="overflow-hidden centerBack center-l w-full h-full">
			
 
				+              <div v-for="(item,index) in centerLeftList" :key="index" class="w-full h-full overflow-hidden">
			
 
				+                <div class="center-l-title flex items-center justify-center"><span
			
 
				+                    style="margin-right: 10px;color: #0FA9E2;">·</span>{{item.name}}<span
			
 
				+                    style="margin-left: 10px;color: #0FA9E2;">·</span></div>
			
 
				+                <div class="center-l-list flex items-center justify-center flex-col" style="padding-left: 30%;">
			
 
				+                  <span style="color:#1998FF;"><span
			
 
				+                      style="font-size:24px;font-weight: bold;">{{item.value}}</span>个</span>
			
 
				+                  <span>项目数量</span>
			
 
				+                </div>
			
 
				+                <div class="center-l-list2 flex items-center justify-center flex-col" style="padding-left: 30%;">
			
 
				+                  <span style="color:#1998FF;"><span
			
 
				+                      style="font-size:24px;font-weight: bold;">{{item.value2}}</span>个</span>
			
 
				+                  <span>总投资额</span>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 class="overflow-hidden centerBack" :dur="12">
			
 
				+            <div ref="echart1" class="w-full h-full" @mouseover="echart1Fd = false" @mouseout="echart1Fd = true"></div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+        <div class="foot">
			
 
				+          <dv-border-box-8 class="overflow-hidden centerBack" :dur="12">
			
 
				+            <div class="panel-title ">
			
 
				+              <span class="text">进度成本偏差</span>
			
 
				+            </div>
			
 
				+            <div style="height:calc( 100% - 50px );" class="w-full" ref="echart2" @mouseover="echart2Fd = false" @mouseout="echart2Fd = true"></div>
			
 
				+          </dv-border-box-8>
			
 
				+          <dv-border-box-8 class="overflow-hidden centerBack" :dur="12">
			
 
				+            <div class="foot-b w-full h-full overflow-hidden">
			
 
				+              <div class="foot-bt overflow-hidden">
			
 
				+                <div class="w-full h-full" style="padding:10px;background-color: #1C355B;">
			
 
				+                  <div class="w-full h-full" ref="echart3"></div>
			
 
				+                </div>
			
 
				+                <div class="ldMap w-full h-full" style="padding:10px;background-color: #1C355B;">
			
 
				+                  <div class="w-full h-full" ref="echart4"></div>
			
 
				+                  <!-- <div class="flex justify-center items-center">
			
 
				+                    <div class="center-left-bottom-list flex justify-center items-center flex-col">
			
 
				+                      <span>维度</span>
			
 
				+                      <span>进度</span>
			
 
				+                      <span>质量</span>
			
 
				+                      <span>预算</span>
			
 
				+                      <span>证照</span>
			
 
				+                      <span>合同</span>
			
 
				+                    </div>
			
 
				+                  </div> -->
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class=" w-full h-full" style="padding:10px;background-color: #1C355B;">
			
 
				+                <div class="w-full h-full" ref="echart5"></div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </dv-border-box-8>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHome5.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/investHomeChild.html
+++ b/分屏/investHomeChild.html
@@ -0,0 +1,39 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+  <meta charset="utf-8" />
			
 
				+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
			
 
				+  <meta name="viewport" content="width=device-width, initial-scale=1" />
			
 
				+  <!-- 引入样式 -->
			
 
				+  <link rel="stylesheet" href="./styles/element-ui@2.15.9.css" />
			
 
				+  <link rel="stylesheet" href="./styles/normalize.css" />
			
 
				+  <link rel="stylesheet" href="./styles/investHomeChild.css" />
			
 
				+  <!-- 引入js -->
			
 
				+  <script src="./libs/vue@2.7.10.js"></script>
			
 
				+  <script src="./libs/datav.min.js"></script>
			
 
				+  <script src="./libs/echarts.min.js"></script>
			
 
				+  <script src="./libs/element-ui@2.15.9.js"></script>
			
 
				+  <script src="./libs/axios.min.js"></script>
			
 
				+  <script src="./js/request.js"></script>
			
 
				+  <script src="./libs/vue-seamless-scroll.min.js"></script>
			
 
				+  <script src="./libs/echarts-tooltip-carousel.js"></script>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+  <div id="app">
			
 
				+    <dv-full-screen-container>
			
 
				+      <img src="./images3/back.png" alt="" class="goBack" @click="handleGoBack()">
			
 
				+      <header class="my-header">
			
 
				+        <span>数智化投资管理驾驶舱</span>
			
 
				+        <span class="right">{{time}}</span>
			
 
				+      </header>
			
 
				+      <div class="main">
			
 
				+        <dv-scroll-board :config='config' style="width:100%;height:100%" />
			
 
				+      </div>
			
 
				+    </dv-full-screen-container>
			
 
				+  </div>
			
 
				+  <script src="./js/investHomeChild.js"></script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/分屏/js/copyHome.js
+++ b/分屏/js/copyHome.js
@@ -0,0 +1,2491 @@
 
				+let app = new Vue({
			
 
				+    el: '#app',
			
 
				+    data() {
			
 
				+      return {
			
 
				+        showTip: false,
			
 
				+        showTip2: false,
			
 
				+        timeOut: '',
			
 
				+        tipTitle: '',
			
 
				+        tipTitle2: '',
			
 
				+        year: '2022',
			
 
				+        time: '',
			
 
				+        timer: '',
			
 
				+        mapName: 'shanxi',
			
 
				+        geoCoordMap: {},
			
 
				+        config1: {
			
 
				+          number: [100],
			
 
				+          content: '{nt}个',
			
 
				+        },
			
 
				+        storageRecordConfig: null,
			
 
				+        companyList: [
			
 
				+          { name: '山西焦煤' },
			
 
				+          { name: '晋能控股' },
			
 
				+          { name: '华新燃气' },
			
 
				+          { name: '山西建投' },
			
 
				+          { name: '潞安化工' },
			
 
				+          { name: '华远陆港' },
			
 
				+          { name: '航产集团' },
			
 
				+          { name: '大地控股' },
			
 
				+          { name: '国新能源' },
			
 
				+          { name: '汾酒集团' },
			
 
				+          { name: '云时代' },
			
 
				+          { name: '神农科技' },
			
 
				+          { name: '华阳新材' },
			
 
				+          { name: '华舰体育' },
			
 
				+          { name: '交控集团' },
			
 
				+          { name: '文旅集团' },
			
 
				+          { name: '水控集团' },
			
 
				+          { name: '太重集团' },
			
 
				+        ],
			
 
				+        amountList: amountList,
			
 
				+        amountTotal: 0,
			
 
				+        classOption: {
			
 
				+          step: 0.5
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    created() {
			
 
				+      this.amountList.map(item => {
			
 
				+        this.amountTotal += Number(item.value)
			
 
				+      })
			
 
				+      this.time = formatDate()
			
 
				+      this.timer = setInterval(() => {
			
 
				+        this.time = formatDate()
			
 
				+      }, 1000)
			
 
				+    },
			
 
				+    beforeDestroy() {
			
 
				+      if (this.timer) {
			
 
				+        clearInterval(this.timer);
			
 
				+      }
			
 
				+      clearInterval(this.timeOut)
			
 
				+    },
			
 
				+    mounted() {
			
 
				+      setTimeout(() => {
			
 
				+        // 左侧图表
			
 
				+        //this.initChartTip()
			
 
				+        this.initChartTip2()
			
 
				+        this.initChartTip3()
			
 
				+        this.initChartTip4()
			
 
				+        this.initChartL1()
			
 
				+        this.initChartL2()
			
 
				+        this.initChartR1()
			
 
				+        this.initChartR2()
			
 
				+        this.initChinaChart()
			
 
				+        this.initProjectList()
			
 
				+      }, 0)
			
 
				+    },
			
 
				+    methods: {
			
 
				+      numFormat(value) {
			
 
				+        if (!value) return '0'
			
 
				+        var intPart = Number(value).toFixed(0) // 获取整数部分
			
 
				+        var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
			
 
				+        var floatPart = '.00' // 预定义小数部分
			
 
				+        var value2Array = value.toString().split('.')
			
 
				+        // =2表示数据有小数位
			
 
				+        if (value2Array.length === 2) {
			
 
				+          floatPart = value2Array[1].toString() // 拿到小数部分
			
 
				+          if (floatPart.length === 1) {
			
 
				+            // 补0
			
 
				+            return intPartFormat + '.' + floatPart + '0'
			
 
				+          } else {
			
 
				+            return intPartFormat + '.' + floatPart
			
 
				+          }
			
 
				+        } else {
			
 
				+          return intPartFormat
			
 
				+        }
			
 
				+      },
			
 
				+      convertData(data) {
			
 
				+        var res = []
			
 
				+        for (var i = 0; i < data.length; i++) {
			
 
				+          var geoCoord = this.geoCoordMap[data[i].name]
			
 
				+          if (geoCoord) {
			
 
				+            res.push({
			
 
				+              name: data[i].name,
			
 
				+              value: geoCoord.concat(data[i].value),
			
 
				+            })
			
 
				+          }
			
 
				+        }
			
 
				+        return res
			
 
				+      },
			
 
				+      initChinaChart() {
			
 
				+        var data = [
			
 
				+          { name: '大同市', value: 60.35, value2: 28 },
			
 
				+          { name: '朔州市', value: 33.61, value2: 13 },
			
 
				+          { name: '忻州市', value: 73.35, value2: 25 },
			
 
				+          { name: '吕梁市', value: 109.04, value2: 45 },
			
 
				+          { name: '太原市', value: 251.67, value2: 113 },
			
 
				+          { name: '阳泉市', value: 25.12, value2: 28 },
			
 
				+          { name: '晋中市', value: 148.57, value2: 52 },
			
 
				+          { name: '临汾市', value: 130.55, value2: 30 },
			
 
				+          { name: '长治市', value: 103.00, value2: 23 },
			
 
				+          { name: '运城市', value: 41.06, value2: 23 },
			
 
				+          { name: '晋城市', value: 45.43, value2: 31 }
			
 
				+        ]
			
 
				+  
			
 
				+        var moveLine = {
			
 
				+          normal: [
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '吕梁市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.3574, 37.7325],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '忻州市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.4561, 38.8971],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '临汾市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.4783, 36.1615],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '阳泉市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.4778, 38.0951],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '晋中市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.7747, 37.37],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '运城市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.1487, 35.2002],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '大同市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.7854, 39.8035],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '晋城市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.7856, 35.6342],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '长治市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.8625, 36.4746],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '朔州市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.0713, 39.6991],
			
 
				+              ],
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        /*获取地图数据*/
			
 
				+        let myChart = echarts.init(this.$refs['echarts-map'])
			
 
				+        echarts.registerMap('shanxi', {
			
 
				+          type: 'FeatureCollection',
			
 
				+          features: [
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1409',
			
 
				+              properties: { name: '忻州市', cp: [112.4561, 38.8971], childNum: 14 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@Vx@lnbn¦WlnnUm°²VVVVVnUnºlz@l@J@kXWVXl@La@KULlbnKlLnKLnKÆXn°bVV@bUVl°Un@LnaVJUbW@UX²l@ČwlVVIWnkÆa°anVKn°UW¯@aVUVk@Un@aV@ValwUanmWUk@WVUUanaVwnLVl°@nk@mVU@UVK@wLVKVU@K@UUKVUV@@bnLaVaôlIXmlKX_°KVV@bVV@zV`kblIVUlL@bnV@VĊllVlIXW@kaU²blKVnIlJalbXXlWVn°JnnL@l@XlJlaX@XW²@l_VmnKUblU@mnkVK¯@U@ma@kX¥VmakkLa@a@WIUUVXWWnk@a°a@kkm@kUUmJm@WUUUIk`m@VkaWWkXKmXk¯@WKLkak@±bw@aa@aka@ma¯@LKÇÅkKWbkmġ±ÅULUKVVkm¯LUVVbUwUW¯bmULxWJ@klmkUm@@KnwVkVK@akw@@a¯bKknVUIb¯mmbk@UbmKUL@xUU@klmLUlVXIVVVUVUU`mLXVWbXnW`Å²°xmxU@mĉwU@mbU@UmbkVW¦kJ@X@`¯Im@UlUVVnb@bWJXnmbJUUUUa@UamIkax@@x@b',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113614, 39657]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1411',
			
 
				+              properties: { name: '吕梁市', cp: [111.3574, 37.7325], childNum: 13 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@a@w@wlbnJVb@VbVVVInaWmXI@aaUmVUVkn@°J@_W@lIX¥lUnaVV@naV@xĊnV@wn¯wÆ±X_WmXaWUnKV_VVUUUUWJkUVnKlk¯@@kmKUaÅ±KkU@WmI@WUIlUUmVwXw@UlUVwV@LnbW@anU@UaVkô@l»n@naJnUÈLVaÆUUVmVKV²L@mU_lK@UVWkUa@a@U¯aUaÑóÑUbKk@@ak¯mVaUwVÑkWUmK@UUKmXUWÝwUaLUU@aWJUUU@UaÝU@WL@VKVaVI@WnU@alIVK@kImIkJ@m@@@_K@x@kaW@U@Vmn@UK@mIJUXV¤XXWlkKkkK@XmJVakImJU@ó¯LWKUV@nUVLkxmKkLma@kXKmmLabLmK@V@mXVÆUxX@`nLaV@@VmLUVnLlLb@°²nx@bVUxlb@V¯bUV@zVXVĊXVx@lVn@VnnmU@LlJXVz¯VWVXbV@bmnVUVkÇþÅ@XVxmbUlVUlnW@Xl@VLXÒ@bÞJ°¦Lò@nUb@°X@XbmVUVnb@xx',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113614, 39657]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1410',
			
 
				+              properties: { name: '临汾市', cp: [111.4783, 36.1615], childNum: 17 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@nW@@UnLKabKnnWL@lnblKnLlwKVU@mVUXL°KôV@nIlJUbnI@WlLllLXkWWU£VWInJ@VL@nm@UVX@lb@@wL@`@n@V@lw@nVmVXWmwnUla@_lKwVlUn°xVKVXXWlUVVI@K@Kn°KwlVlU@kna@V_WnmUVm@kXml_@mLlKXw°m@_ôJVUV@Xl@UaV@Va°Ilk»VwUkVmwUmmVn@V¯@KUwmK@U¯wUVÝ@mJUnWK@@UnKVa_lykUmKÛnm@x@UUlwVkXW@a@U@@K@kIVnammVakUl@wX@@k¯@VVbml@°UbULmlVbnbÅK±VKVXUJWa@ULWaUU@@U@aWK@UkxUKLUUUJ±UkL@V±kk@kam@UV@l@LWl@n@VVUxLlUUx@VUVU@aIUlL@°mLUbkUUaWUUaUU@aWKLWJ@bUL@VUVVbU@m@a@kmKmnĉlUKXWUblbxmIkU@xWb@lkVxLXmzVV@bklVVUzm@bk@Vx@xlU@lUbVnl@Wxnl@n@UbVmLmb@`X@lUX@@xlnkLWaUJnnWVVn@l@bULVV@lV@XnJVX',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113063, 37784]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1407',
			
 
				+              properties: { name: '晋中市', cp: [112.7747, 37.37], childNum: 11 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@lInJlJ@ULkJ@bmV@XUJUbL@UXKV@ÞVbV@VVXI@bVVKVbÞxVXnWVL@VnLVlXÒUVxUb°nl@bl@LVaôÒÒVb°b@VnLnnV@lmn@lbUV@JUVVXkl@lUzmJ@xXklbUnJVUbnUlbV@nlLX@lakV`Ub°@XVJnUL²KlxnI@KV@lbUbVVKnVl@zlm@U@nI@WUaVl@@mVU@XkW@nkVKV_Vwy@knwVa@XalU@Vnml@X@VLKVaÞbnnlJImVKnVVVInVlU@m@mXK@UmyUI@mWUUakamw@wUwmLkakwVmKw@wUam£y@am_W@UU@knmmamU@WUa@knw@UUUUV@nJm@mVUkKVUUUkKmwKULKUImV@lUnnm@mbUK@°bUnmbUmkkWUb@am@UXkK@a±@V@ĉÅVUXVxUVkLWl¯@@bULUlm@@nm`XlWakIkmVUbUL@Vm@kI@@Km@VaXI@W@aU@kUVU_KbJkkÇb@nkKmLwÅW@kVUUVU@WUIJmIXmma@_kyVaUUlkUm@kUx¯Lm@L@LUJUkVWXUWUL¯wVmUkxkL@`bkmVnxXUWUnm@kxU@',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114087, 37682]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1408',
			
 
				+              properties: { name: '运城市', cp: [111.1487, 35.2002], childNum: 13 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@VlnJwkaVaXWVLĊknmnLl@@bnV@UaVU@UVK@aXIKXL@bVVVbXVVblVaVnK@¯KVkJ@bVVU@UVwkVKVwUUm@@Xk@K@kVUn@lbl@²l@UlK²VVIVVKVLlw@VXL@b@VV@VXbVK@XbVIUWLU²ÆLmaUankVKVa¯@nkUaU°@n@@kWaUVaXUW@IXKVw@UWU@W@@UUU@mn@`m@UUULkUmJIU@@UK@U@anak_@wmKUwmakVkmKVk¯bw`kwUIÇx¯»ÇaÅmn@@mmUkV@wkKW@kxmLUkĉLÝkxÝw¯lóVUmV@ĀVVX¦W¤kz@`Vx°²ĸ@Ul@xêĸǊ°¤VVlXLWnXxmV@nUl@',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113232, 36597]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1402',
			
 
				+              properties: { name: '大同市', cp: [113.7854, 39.8035], childNum: 8 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@²£yl@ČĖ@bĸĢbĸXaKŤnn@ŎôllÈxnVnÞÇV@bnXllL°KbVb@J@b@UxlKXLlKlXk@UlkJlkUVKXUÇVIVm@_nÇLalwVnU@UUwma@aaÝaLmUk@@W@U@@XwVWÝUUUk@@VmLKV»nwUwaUL@`mzJUIVUaUwKUaVIlJôanÑlLVUn@a@VV@@UUwVK°Vn_lJÆLéW@UUUÅ@»lm@aÞIVwXWUUkkm@U@aU@mwU£VWU_kWmXwW_°yUkkK@UÇK@kkUVymóKU@KWIbUak@mJ@bkbmLkUmkVUW¦@lnb@@V°ULml@nkVaVmLUnk`±@XWW@kbÇ¦X¯WxI@xmbmxXlWV@bÅUz@Jb@bÞbU@Wbk@xk@WX¯VÛWÝbÝUkVUU@alI@a@akLWam@U¯UUmÇL@K@aU@¯VUkKmX@`@kJ@nVUb@lbVÆXVWULU`VbkLUV@XWl@bXJ@VbV@Vl',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115335, 41209]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1404',
			
 
				+              properties: { name: '长治市', cp: [112.8625, 36.4746], childNum: 12 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@UkLky@IJVa@mÞaWy@_W@_WXVlUVw@nw°K@mUVamVkU@mmmnLVUmKXaU@IlKVUnK@UmWkX@WV_V@akU@aKWIXyIUVmUnUa@WaXUVKVmkUWVkULU@@VbKbIUm@mbVLxWUUkn±V¯wbÅJUbmLkbmKÅKbVnUbVKUbKUbmLKmbaKkUm@UnnVnxUVlUxl¼k¯JUbU@Vbk@WU@UVóI@`¯nWxkLK@nk`Wn@lUnVnmXU`@mb@lkV@VnklVVUblz@`nbWnnJIVJ@XUVVUV@lÆXxnKlL@maÈllIaLV`UlVV@@b@XJWUb@n@L@lJn@@UVKVaUlnlJXbkWn_@mn@VkVK@a°@XklKVUUwVWUĊÆ@U²@@blLVWn@@bVaXllVnnaVma@¯VLnan@mVm@knUVJ',
			
 
				+                ],
			
 
				+                encodeOffsets: [[116269, 37637]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1406',
			
 
				+              properties: { name: '朔州市', cp: [113.0713, 39.6991], childNum: 5 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@XXWVXVWnnlnn@èÆ¼@xlVnblVÈUVl@blnLÜĊmUkU@Ua@WI@aXk@WVUlKUaV_VKXWUUÅka@VaU@mlI@@_nWLVl°UV@@b@LÈKVn°V@VnXblK@b@bkJ@bVVlUÞVÞaXÜ°UXWl@wl@XaV@Ýa@aa@IVyÆ@aXUWknwna@wJXw°WÈ¥kI@W@kmKm¯IUmkXWWkabkImJUkL±aVb@lWXkJUkĉk@UmU@aKkVUkJlaU_y@UU@aUU¯LW`kLWnkJóbUbmK@aU@UVVL@VL@UVULK@xUL@VUV@nml¯@UkmKUxmbVbUV@XlXVmnVbkxUbU@bm@@VUlUVb°@VX¯m',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114615, 40562]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1405',
			
 
				+              properties: { name: '晋城市', cp: [112.7856, 35.6342], childNum: 6 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@lVLbanLnKVaLVaLUVaUmaÆLnLlanKVaÆIa°x²UlmVVXwUKna@VnJaLa@UV@@alUkKVKnkmmVwUkw@@kxWUXW@@mk@aUa@a¯aLkKmwkUm@kL@K@aWIXmVXWkUVakL@UVKw@aUK@UUKmLU@¯nKUwVUIWJUWmka@UXJk@UkmW@kLWKVx@bmI@VUaVU@a¯@UUmVKmX@±`kÝKVxUL±akL@VbLkKmV@XWVUbVXb@lm@@lW@@xklVUbnnmbUlJ@@L@@Vb@WXUlkxVV@wn@ÜmnLlVkz`UbmL@V@XLmVnIÞ@VU°x@VnLxV@LU°',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115223, 36895]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1401',
			
 
				+              properties: { name: '太原市', cp: [112.3352, 37.9413], childNum: 5 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@VV@wVKnLVal@na°naVJUlmL°a@b@lx@bULUlmx@Ln@lVknl@XIwKVn°aVXVxUaVU°KnUlUVLKÆV²ĢlnXalLÈÆLKUaVkUanmWUa@WwkUWU¯y¯Ñ@anIl@@aVUmIymULUUVakaU@@LmJkw±LKmVUI@W¯VaU_lkbW@kK@mUkaVmVaUIVmalkW@wnIVy@klkWUUVI@UVkam@knU@mmmK@bblVUX@VkLV`@n±KUULUnVVÅUbÇKmVImbm@k¼ó@Ulb@VmV@bXmaK@UUxkVV@xWUxVnkVVJ@XnJ@XlV²LÆVbnL@l@°',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114503, 39134]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1403',
			
 
				+              properties: { name: '阳泉市', cp: [113.4778, 38.0951], childNum: 3 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@°@nb@lb@bbb@x²al@lbKXU@mkUWkkmUUVwV@XUW@naVklKXblKnLnLVanImaXKlLaV@U@KUKWalXK@£WKXUV@VUUUVW_V@W@@K@UIWmXUmULnJkImmÝaUbLK@UWk@mnU@kVWb@Ubmx@lzUx`UULml@XWl@UV@nk@UVb@XJm@@Vknyk@zJnUV@bk@mJ@b°Ò°zXVlVXx@bXVmnVbUlVb',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115864, 39336]],
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          UTF8Encoding: true,
			
 
				+        })
			
 
				+        var mapFeatures = echarts.getMap(this.mapName).geoJson.features
			
 
				+        mapFeatures.forEach(v => {
			
 
				+          // 地区名称
			
 
				+          var name = v.properties.name
			
 
				+          // 地区经纬度
			
 
				+          this.geoCoordMap[name] = v.properties.cp
			
 
				+        })
			
 
				+        // <p>当前阶段：<span>可论证阶段</span></p>
			
 
				+        // <p>时间节点：<span>2021.10-2022.10</span></p>
			
 
				+        let option = {
			
 
				+          tooltip: {
			
 
				+            padding: 15,
			
 
				+            enterable: true,
			
 
				+            transitionDuration: 1,
			
 
				+            formatter: (params, ticket, callback) => {
			
 
				+              // 清空所有轮播
			
 
				+              for (var k in this.geoCoordMap) {
			
 
				+                myChart.dispatchAction({
			
 
				+                  // type: 'geoUnSelect',
			
 
				+                  type: 'downplay',
			
 
				+                  name: k,
			
 
				+                })
			
 
				+              }
			
 
				+              // 如果鼠标滑动到线线上面，则返回空
			
 
				+              myChart.dispatchAction({
			
 
				+                // type: 'geoSelect',
			
 
				+                type: 'highlight',
			
 
				+                name: params.name,
			
 
				+              })
			
 
				+              if (params.componentSubType == 'lines') {
			
 
				+                return
			
 
				+              }
			
 
				+              if (params.componentSubType == 'scatter') {
			
 
				+                let tipHtml = `
			
 
				+                <div class="tooltip-cont">
			
 
				+                  <p>项目数量：<span>${data[params.dataIndex].value2}个</span></p>
			
 
				+                  <p>总投资额：<span>${params.data.value[2]}亿</span></p>
			
 
				+              </div>`
			
 
				+                callback(ticket, tipHtml)
			
 
				+                return tipHtml
			
 
				+              }
			
 
				+              if (params.componentSubType == 'map') {
			
 
				+                let tipHtml = `
			
 
				+                <div class="tooltip-cont">
			
 
				+                <p>项目数量：<span>${data[params.dataIndex].value2}个</span></p>
			
 
				+                  <p>总投资额：<span>${params.data.value}亿</span></p>
			
 
				+              </div>`
			
 
				+                callback(ticket, tipHtml)
			
 
				+                return tipHtml
			
 
				+              }
			
 
				+  
			
 
				+            },
			
 
				+          },
			
 
				+          visualMap: {
			
 
				+            show: false,
			
 
				+            min: 0,
			
 
				+            max: 300,
			
 
				+            right: 0,
			
 
				+            bottom: 0,
			
 
				+            text: ['高', '低'],
			
 
				+            textStyle: {
			
 
				+              color: '#f1f1f1'
			
 
				+            },
			
 
				+            realtime: false,
			
 
				+            calculable: false,
			
 
				+            inRange: {
			
 
				+              color: ['lightskyblue', '#2754b7']
			
 
				+            }
			
 
				+          },
			
 
				+          geo: {
			
 
				+            show: true,
			
 
				+            map: 'shanxi',
			
 
				+            layoutCenter: ['50%', '50%'], //地图位置
			
 
				+            layoutSize: '100%',
			
 
				+            label: {
			
 
				+              normal: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              emphasis: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+            },
			
 
				+            roam: false,
			
 
				+            itemStyle: {
			
 
				+              normal: {
			
 
				+                areaColor: '#1946a8',
			
 
				+                shadowColor: '#1946a8',
			
 
				+                borderWidth: 1, //设置外层边框
			
 
				+                borderColor: '#1946a8',
			
 
				+                shadowOffsetX: 10,
			
 
				+                shadowOffsetY: 5,
			
 
				+                shadowBlur: 2,
			
 
				+              },
			
 
				+              emphasis: {
			
 
				+                areaColor: '#1946a8',
			
 
				+                borderColor: '#d4bc1d',
			
 
				+                borderWidth: 2, //设置外层边框
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '散点',
			
 
				+              type: 'scatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              data: this.convertData(data),
			
 
				+              symbolSize: function (val) {
			
 
				+                return 10
			
 
				+              },
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: '{b}',
			
 
				+                  position: [10, 10],
			
 
				+                  fontSize: 15,
			
 
				+                  fontWeight: 600,
			
 
				+                  fontStyle: 'italic',
			
 
				+                  color: '#fff',
			
 
				+                  show: true,
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                },
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#000',
			
 
				+                  borderWidth: 2,
			
 
				+                  borderColor: '#fff',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'map',
			
 
				+              map: this.mapName,
			
 
				+              geoIndex: 0,
			
 
				+              aspectScale: 1.5, //长宽比
			
 
				+              showLegendSymbol: true, // 存在legend时显示
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  show: true,
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  show: false,
			
 
				+                  textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              roam: true,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  areaColor: '#031525',
			
 
				+                  borderColor: '#3B5077',
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  areaColor: '#2B91B7',
			
 
				+                },
			
 
				+              },
			
 
				+              animation: false,
			
 
				+              data: data,
			
 
				+            },
			
 
				+            {
			
 
				+              name: '点',
			
 
				+              type: 'scatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              zlevel: 6,
			
 
				+            },
			
 
				+            {
			
 
				+              name: 'Top 5',
			
 
				+              type: 'effectScatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              data: this.convertData(
			
 
				+                data
			
 
				+                  .sort(function (a, b) {
			
 
				+                    return b.value - a.value
			
 
				+                  })
			
 
				+                  .slice(0, 5)
			
 
				+              ),
			
 
				+              symbolSize: function (val) {
			
 
				+                return 15
			
 
				+              },
			
 
				+              showEffectOn: 'render',
			
 
				+              rippleEffect: {
			
 
				+                brushType: 'stroke',
			
 
				+              },
			
 
				+              hoverAnimation: true,
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: '{b}',
			
 
				+                  position: 'left',
			
 
				+                  show: false,
			
 
				+                },
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: 'yellow',
			
 
				+                  shadowBlur: 10,
			
 
				+                  shadowColor: 'yellow',
			
 
				+                },
			
 
				+              },
			
 
				+              zlevel: 1000,
			
 
				+            },
			
 
				+            {
			
 
				+              name: '线路',
			
 
				+              type: 'lines',
			
 
				+              zlevel: 2,
			
 
				+              effect: {
			
 
				+                show: true,
			
 
				+                period: 4, //箭头指向速度，值越小速度越快
			
 
				+                trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重
			
 
				+                symbol: 'arrow', //箭头图标
			
 
				+                symbolSize: 5, //图标大小
			
 
				+              },
			
 
				+              lineStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#00FFFF',
			
 
				+                  width: 1,
			
 
				+                  type: 'dashed',
			
 
				+                  opacity: 0.5, //尾迹线条透明度
			
 
				+                  curveness: -0.3, //尾迹线条曲直度
			
 
				+                },
			
 
				+              },
			
 
				+              data: moveLine.normal,
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        let that = this
			
 
				+        myChart.on('click', function (params) {
			
 
				+          if (params.name == '太原市') {
			
 
				+            that.showTip = true
			
 
				+          }
			
 
				+          // window.open('https://www.baidu.com')
			
 
				+        })
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          interval: 2000,
			
 
				+          loopSeries: false,
			
 
				+        });
			
 
				+        myChart.setOption(option)
			
 
				+      },
			
 
				+      // initChartTip(){
			
 
				+      //   let myChart = echarts.init(this.$refs['echartTip'])
			
 
				+      //   let option = {
			
 
				+      //     tooltip: {
			
 
				+      //       trigger: 'item',
			
 
				+      //     },
			
 
				+      //     color: ['#6682f5', '#69c0ff', '#43ede3','#8ba2ff'],
			
 
				+      //     legend: {
			
 
				+      //       top: '0',
			
 
				+      //       orient: 'vertical',
			
 
				+      //       left: '2%',
			
 
				+      //       textStyle: {
			
 
				+      //         color: '#9DB9EB',
			
 
				+      //       },
			
 
				+      //     },
			
 
				+      //     series: [
			
 
				+      //       {
			
 
				+      //         name: '',
			
 
				+      //         type: 'pie',
			
 
				+      //         center: ['45%','40%'],
			
 
				+      //         radius: ['35%', '50%'],
			
 
				+      //         labelLine: {
			
 
				+      //           normal: {
			
 
				+      //             lineStyle: {
			
 
				+      //               width: 1,
			
 
				+      //             },
			
 
				+      //           },
			
 
				+      //         },
			
 
				+      //         data: statusList,
			
 
				+      //       },
			
 
				+      //     ],
			
 
				+      //   }
			
 
				+      //   myChart.setOption(option)
			
 
				+      //   tools.loopShowTooltip(myChart, option, {
			
 
				+      //     nterval: 2000,
			
 
				+      //     loopSeries: true,
			
 
				+      //   })
			
 
				+      //   myChart.on('click', function(param) {
			
 
				+      //     console.log(param)
			
 
				+      //     window.open('https://www.baidu.com')
			
 
				+      //   })
			
 
				+      // },
			
 
				+      initChartTip2() {
			
 
				+        let myChart = echarts.init(this.$refs['echartTip2'])
			
 
				+        let option = {
			
 
				+          tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+            axisPointer: {
			
 
				+              type: 'cross',
			
 
				+            },
			
 
				+          },
			
 
				+          // dataZoom:[
			
 
				+          //  {
			
 
				+          //   // start: 9,//默认为@
			
 
				+          //   // end: 100,//黑认认为1@0
			
 
				+          //   type: "slider",
			
 
				+          //   show: true,
			
 
				+          //   // xAxisIndex: [0]
			
 
				+          //   handlesize: 0,//滑动条的 左右2个滑动条的大小
			
 
				+          //   startValue: 9,// 初始显示值
			
 
				+          //   endValue: 6,// 结束显示值
			
 
				+          //   height: 10,//组件高度
			
 
				+          //   left:"5%",
			
 
				+          //   right: "4%",//右边的距离
			
 
				+          //   bottom: "25%",//底边的距离
			
 
				+          //   borderColor:"#939",
			
 
				+          //   fillerColor:"#269cdb",
			
 
				+          //   borderRadius: 5,
			
 
				+          //   backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
			
 
				+          //   showDataShadow: false,//是否显示数据阴影
			
 
				+          //   showDetail: false,//即拖拽时候是否显示详细数值信息 
			
 
				+          //   truerealtime: false,//是否实时更新
			
 
				+          //   filterMode: "filter"
			
 
				+          //  },{
			
 
				+          //   type:'inside',
			
 
				+          //   show: true,
			
 
				+          //   start: 1,
			
 
				+          //   end: 100
			
 
				+          //  }
			
 
				+          // ],
			
 
				+          grid: {
			
 
				+            top: '10%',
			
 
				+            right: '3%',
			
 
				+            left: '10%',
			
 
				+            bottom: '30%',
			
 
				+          },
			
 
				+          legend: {
			
 
				+            top: '1',
			
 
				+            right: '20',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(250,250,250,0.6)',
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: tipData.map(item => item.name),
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 40,
			
 
				+              textStyle: {
			
 
				+                color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              nameTextStyle: {
			
 
				+                color: '#ebf8ac',
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#3D7495',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                formatter: '{value} 亿',
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '投资金额',
			
 
				+              type: 'bar',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: tipData.map(item => item.value),
			
 
				+            },
			
 
				+            // {
			
 
				+            //   name: '实际投资',
			
 
				+            //   type: 'bar',
			
 
				+            //   barWidth: 10,
			
 
				+            //   itemStyle: {
			
 
				+            //     normal: {
			
 
				+            //       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+            //         {
			
 
				+            //           offset: 0,
			
 
				+            //           color: '#957DFF',
			
 
				+            //         },
			
 
				+            //         {
			
 
				+            //           offset: 1,
			
 
				+            //           color: '#082550',
			
 
				+            //         },
			
 
				+            //       ]),
			
 
				+            //     },
			
 
				+            //   },
			
 
				+            //   data: executeList.map(item=>item.value2),
			
 
				+            // },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.on('click', function (data) {
			
 
				+          if (data.name == '交控集团') {
			
 
				+            window.location.href = './investHomeChild.html?type=1'
			
 
				+          }
			
 
				+        })
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+        myChart.setOption(option)
			
 
				+      },
			
 
				+  
			
 
				+      initChartTip3() {
			
 
				+        let myChart = echarts.init(this.$refs['echartTip3'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            //text : '产业类别',
			
 
				+            x: 'center',
			
 
				+            textStyle: {
			
 
				+              color: '#fff'
			
 
				+            }
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+            axisPointer: {
			
 
				+              type: 'cross',
			
 
				+            },
			
 
				+          },
			
 
				+          grid: {
			
 
				+            top: '15%',
			
 
				+            right: '3%',
			
 
				+            left: '10%',
			
 
				+            bottom: '30%',
			
 
				+          },
			
 
				+          legend: {
			
 
				+            top: '1',
			
 
				+            right: '15',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(250,250,250,0.6)',
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: tipTopData.map(item => item.name),
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 30,
			
 
				+              textStyle: {
			
 
				+                color: '#fff'//color: 'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              nameTextStyle: {
			
 
				+                color: '#ebf8ac',
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#3D7495',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                formatter: '{value} 亿',
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '2022年投资完成额',
			
 
				+              type: 'line',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: tipTopData.map(item => item.value),
			
 
				+            },
			
 
				+            // {
			
 
				+            //   name: '实际投资',
			
 
				+            //   type: 'bar',
			
 
				+            //   barWidth: 10,
			
 
				+            //   itemStyle: {
			
 
				+            //     normal: {
			
 
				+            //       color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+            //         {
			
 
				+            //           offset: 0,
			
 
				+            //           color: '#957DFF',
			
 
				+            //         },
			
 
				+            //         {
			
 
				+            //           offset: 1,
			
 
				+            //           color: '#082550',
			
 
				+            //         },
			
 
				+            //       ]),
			
 
				+            //     },
			
 
				+            //   },
			
 
				+            //   data: executeList.map(item=>item.value2),
			
 
				+            // },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+  
			
 
				+      initChartTip4() {
			
 
				+        let myChart = echarts.init(this.$refs['echartTip4'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            //text : '投资项目列表',
			
 
				+            x: 'center',
			
 
				+            textStyle: {
			
 
				+              color: '#fff'
			
 
				+            }
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+            axisPointer: {
			
 
				+              type: 'cross',
			
 
				+            },
			
 
				+          },
			
 
				+          // dataZoom:[
			
 
				+          //  {
			
 
				+          //   // start: 9,//默认为@
			
 
				+          //   // end: 100,//黑认认为1@0
			
 
				+          //   type: "slider",
			
 
				+          //   show: true,
			
 
				+          //   // xAxisIndex: [0]
			
 
				+          //   handlesize: 0,//滑动条的 左右2个滑动条的大小
			
 
				+          //   startValue: 9,// 初始显示值
			
 
				+          //   endValue: 6,// 结束显示值
			
 
				+          //   height: 10,//组件高度
			
 
				+          //   left:"5%",
			
 
				+          //   right: "4%",//右边的距离
			
 
				+          //   bottom: "25%",//底边的距离
			
 
				+          //   borderColor:"#939",
			
 
				+          //   fillerColor:"#269cdb",
			
 
				+          //   borderRadius: 5,
			
 
				+          //   backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
			
 
				+          //   showDataShadow: false,//是否显示数据阴影
			
 
				+          //   showDetail: false,//即拖拽时候是否显示详细数值信息 
			
 
				+          //   truerealtime: false,//是否实时更新
			
 
				+          //   filterMode: "filter"
			
 
				+          //  },{
			
 
				+          //   type:'inside',
			
 
				+          //   show: true,
			
 
				+          //   start: 1,
			
 
				+          //   end: 100
			
 
				+          //  }
			
 
				+          // ],
			
 
				+          grid: {
			
 
				+            top: '15%',
			
 
				+            right: '3%',
			
 
				+            left: '10%',
			
 
				+            bottom: '20%',
			
 
				+          },
			
 
				+          legend: {
			
 
				+            top: '0',
			
 
				+            right: '20',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(250,250,250,0.6)',
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: tipBottomData.map(item => item.name),
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 30,
			
 
				+              textStyle: {
			
 
				+                color: '#fff'//color: 'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              nameTextStyle: {
			
 
				+                color: '#ebf8ac',
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#3D7495',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                formatter: '{value} 亿',
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '2022年投资完成额',
			
 
				+              type: 'bar',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: tipBottomData.map(item => item.value),
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.on('click', function (data) {
			
 
				+          if (data.name == '华阳新材') {
			
 
				+            window.location.href = './investHomeChild.html?type=2'
			
 
				+          }
			
 
				+        })
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+      //这个是3D环图
			
 
				+      // initChartL1() {
			
 
				+      //   let myChart = echarts.init(this.$refs['echartR1'])
			
 
				+      //   // 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
			
 
				+      //   function getParametricEquation(startRatio, endRatio, isSelected, isHovered, k) {
			
 
				+      //     // 计算
			
 
				+      //     let midRatio = (startRatio + endRatio) / 2;
			
 
				+  
			
 
				+      //     let startRadian = startRatio * Math.PI * 2;
			
 
				+      //     let endRadian = endRatio * Math.PI * 2;
			
 
				+      //     let midRadian = midRatio * Math.PI * 2;
			
 
				+  
			
 
				+      //     // 如果只有一个扇形，则不实现选中效果。
			
 
				+      //     if (startRatio === 0 && endRatio === 1) {
			
 
				+      //         isSelected = false;
			
 
				+      //     }
			
 
				+  
			
 
				+      //     // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
			
 
				+      //     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;
			
 
				+  
			
 
				+      //     // 计算高亮效果的放大比例（未高亮，则比例为 1）
			
 
				+      //     let hoverRate = isHovered ? 1.17 : 1;
			
 
				+  
			
 
				+      //     // 返回曲面参数方程
			
 
				+      //     return {
			
 
				+      //         u: {
			
 
				+      //             min: -Math.PI,
			
 
				+      //             max: Math.PI * 3,
			
 
				+      //             step: Math.PI / 32,
			
 
				+      //         },
			
 
				+  
			
 
				+      //         v: {
			
 
				+      //             min: 0,
			
 
				+      //             max: Math.PI * 2,
			
 
				+      //             step: Math.PI / 20,
			
 
				+      //         },
			
 
				+  
			
 
				+      //         x: function (u, v) {
			
 
				+      //             if (u < startRadian) {
			
 
				+      //                 return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //             }
			
 
				+      //             if (u > endRadian) {
			
 
				+      //                 return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //             }
			
 
				+      //             return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //         },
			
 
				+  
			
 
				+      //         y: function (u, v) {
			
 
				+      //             if (u < startRadian) {
			
 
				+      //                 return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //             }
			
 
				+      //             if (u > endRadian) {
			
 
				+      //                 return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //             }
			
 
				+      //             return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
			
 
				+      //         },
			
 
				+  
			
 
				+      //         z: function (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(v) > 0 ? 1 : -1;
			
 
				+      //         },
			
 
				+      //     };
			
 
				+      //   }
			
 
				+  
			
 
				+      //   // 生成模拟 3D 饼图的配置项
			
 
				+      //   function getPie3D(pieData, internalDiameterRatio) {
			
 
				+      //     let series = [];
			
 
				+      //     let sumValue = 0;
			
 
				+      //     let startValue = 0;
			
 
				+      //     let endValue = 0;
			
 
				+      //     let legendData = [];
			
 
				+      //     let k =
			
 
				+      //         typeof internalDiameterRatio !== 'undefined'
			
 
				+      //             ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
			
 
				+      //             : 1 / 5;
			
 
				+  
			
 
				+      //     // 新增标签 series @20210613
			
 
				+      //     let labelSeries = {
			
 
				+      //         id: 'labelSeries',
			
 
				+      //         type: 'bar3D',
			
 
				+      //         //zlevel:-9,
			
 
				+      //         barSize: [0.1, 0.1],
			
 
				+      //         data: [],
			
 
				+      //         label: {
			
 
				+      //             show: true,
			
 
				+      //             formatter: function (params) {
			
 
				+      //                 return `${params.name}\n${params.value[3]}`;
			
 
				+      //             },
			
 
				+      //             backgroundColor: '#fff',
			
 
				+      //         },
			
 
				+      //     };
			
 
				+  
			
 
				+      //     // 为每一个饼图数据，生成一个 series-surface 配置
			
 
				+      //     for (let i = 0; i < pieData.length; i++) {
			
 
				+      //         sumValue += pieData[i].value;
			
 
				+  
			
 
				+      //         let seriesItem = {
			
 
				+      //             name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
			
 
				+      //             type: 'surface',
			
 
				+      //             parametric: true,
			
 
				+      //             wireframe: {
			
 
				+      //                 show: false,
			
 
				+      //             },
			
 
				+      //             pieData: pieData[i],
			
 
				+      //             pieStatus: {
			
 
				+      //                 selected: false,
			
 
				+      //                 hovered: false,
			
 
				+      //                 k: k,
			
 
				+      //             },
			
 
				+      //         };
			
 
				+  
			
 
				+      //         if (typeof pieData[i].itemStyle != 'undefined') {
			
 
				+      //             let itemStyle = {};
			
 
				+  
			
 
				+      //             typeof pieData[i].itemStyle.color != 'undefined' ? (itemStyle.color = pieData[i].itemStyle.color) : null;
			
 
				+      //             typeof pieData[i].itemStyle.opacity != 'undefined'
			
 
				+      //                 ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
			
 
				+      //                 : null;
			
 
				+  
			
 
				+      //             seriesItem.itemStyle = itemStyle;
			
 
				+      //         }
			
 
				+      //         series.push(seriesItem);
			
 
				+      //     }
			
 
				+  
			
 
				+      //     // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
			
 
				+      //     // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
			
 
				+      //     for (let i = 0; i < series.length; i++) {
			
 
				+      //         endValue = startValue + series[i].pieData.value;
			
 
				+  
			
 
				+      //         series[i].pieData.startRatio = startValue / sumValue;
			
 
				+      //         series[i].pieData.endRatio = endValue / sumValue;
			
 
				+      //         series[i].parametricEquation = getParametricEquation(
			
 
				+      //             series[i].pieData.startRatio,
			
 
				+      //             series[i].pieData.endRatio,
			
 
				+      //             false,
			
 
				+      //             false,
			
 
				+      //             k
			
 
				+      //         );
			
 
				+  
			
 
				+      //         startValue = endValue;
			
 
				+  
			
 
				+      //         legendData.push(series[i].name);
			
 
				+  
			
 
				+      //         // 判断增加 label 效果 @20210613
			
 
				+      //         if (pieData[i].label && pieData[i].label.show) {
			
 
				+      //             labelRadian = (series[i].pieData.startRatio + series[i].pieData.endRatio) * Math.PI;
			
 
				+      //             labelSeries.data.push({
			
 
				+      //                 name: series[i].name,
			
 
				+      //                 value: [Math.cos(labelRadian), Math.sin(labelRadian), 1.2, series[i].pieData.value],
			
 
				+      //                 itemStyle: {
			
 
				+      //                     opacity: 1,
			
 
				+      //                 },
			
 
				+      //             });
			
 
				+      //         }
			
 
				+      //     }
			
 
				+  
			
 
				+      //     // 补充一个透明的圆环，用于支撑高亮功能的近似实现。
			
 
				+      //     series.push({
			
 
				+      //         name: 'mouseoutSeries',
			
 
				+      //         type: 'surface',
			
 
				+      //         parametric: true,
			
 
				+      //         wireframe: {
			
 
				+      //             show: false,
			
 
				+      //         },
			
 
				+      //         itemStyle: {
			
 
				+      //             opacity: 0,
			
 
				+      //         },
			
 
				+      //         parametricEquation: {
			
 
				+      //             u: {
			
 
				+      //                 min: 0,
			
 
				+      //                 max: Math.PI * 2,
			
 
				+      //                 step: Math.PI / 20,
			
 
				+      //             },
			
 
				+      //             v: {
			
 
				+      //                 min: 0,
			
 
				+      //                 max: Math.PI,
			
 
				+      //                 step: Math.PI / 20,
			
 
				+      //             },
			
 
				+      //             x: function (u, v) {
			
 
				+      //                 return Math.sin(v) * Math.sin(u) + Math.sin(u);
			
 
				+      //             },
			
 
				+      //             y: function (u, v) {
			
 
				+      //                 return Math.sin(v) * Math.cos(u) + Math.cos(u);
			
 
				+      //             },
			
 
				+      //             z: function (u, v) {
			
 
				+      //                 return Math.cos(v) > 0 ? 0.1 : -0.1;
			
 
				+      //             },
			
 
				+      //         },
			
 
				+      //     });
			
 
				+  
			
 
				+      //     // 将 labelSeries 添加进去 @20210613
			
 
				+      //     series.push(labelSeries);
			
 
				+  
			
 
				+      //     // 准备待返回的配置项，把准备好的 legendData、series 传入。
			
 
				+      //     let option = {
			
 
				+      //         //animation: false,
			
 
				+      //         legend: {
			
 
				+      //           data: legendData,
			
 
				+      //           op: '5%',
			
 
				+      //           //orient: 'vertical',
			
 
				+      //           textStyle: {
			
 
				+      //            color: '#fff',
			
 
				+      //           },
			
 
				+      //         },
			
 
				+      //         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}`;
			
 
				+      //                 }
			
 
				+      //             },
			
 
				+      //         },
			
 
				+      //         // 增加渐变色尝试（手动通过 seriesIndex 指定系列） @20211228
			
 
				+              
			
 
				+      //         xAxis3D: {
			
 
				+      //             min: -1,
			
 
				+      //             max: 1,
			
 
				+      //         },
			
 
				+      //         yAxis3D: {
			
 
				+      //             min: -1,
			
 
				+      //             max: 1,
			
 
				+      //         },
			
 
				+      //         zAxis3D: {
			
 
				+      //             min: -1,
			
 
				+      //             max: 1,
			
 
				+      //         },
			
 
				+      //         grid3D: {
			
 
				+      //             show: false,
			
 
				+      //             boxHeight: 10,
			
 
				+      //             //top: '30%',
			
 
				+      //             bottom: '50%',
			
 
				+      //             viewControl: {
			
 
				+      //               //3d效果可以放大、旋转等，请自己去查看官方配置
			
 
				+      //               alpha: 30, //角度
			
 
				+      //               distance: 150, //调整视角到主体的距离，类似调整zoom
			
 
				+      //               rotateSensitivity: 0, //设置为0无法旋转
			
 
				+      //               zoomSensitivity: 0, //设置为0无法缩放
			
 
				+      //               panSensitivity: 0, //设置为0无法平移
			
 
				+      //               autoRotate: false, //自动旋转
			
 
				+      //             },
			
 
				+      //         },
			
 
				+      //         series: series,
			
 
				+      //     };
			
 
				+      //     return option;
			
 
				+      //   }
			
 
				+  
			
 
				+      //   // 传入数据生成 option
			
 
				+      //   option = getPie3D([
			
 
				+      //     {
			
 
				+      //         name: '传统产业投资',
			
 
				+      //         value: 405.29,
			
 
				+      //         itemStyle: {
			
 
				+      //           color: 'rgb(243,178,119)'
			
 
				+      //         }
			
 
				+      //       }, {
			
 
				+      //         name: '战略新兴产业投资',
			
 
				+      //         value: 196.44,
			
 
				+      //         itemStyle: {
			
 
				+      //           color: 'rgb(110,222,191)'
			
 
				+      //         }
			
 
				+      //       }, {
			
 
				+      //         name: '基础产业投资',
			
 
				+      //         value: 722.34,
			
 
				+      //         itemStyle: {
			
 
				+      //           color: 'rgb(82,161,229)'
			
 
				+      //         }
			
 
				+      //       }
			
 
				+      //   ]);
			
 
				+      //   myChart.setOption(option);
			
 
				+      //   // 监听鼠标事件，实现饼图选中效果（单选），近似实现高亮（放大）效果。
			
 
				+      //   let selectedIndex = '';
			
 
				+      //   let hoveredIndex = '';
			
 
				+      //   let that = this
			
 
				+      //   // 监听点击事件，实现选中效果（单选）
			
 
				+      //   myChart.on('click', function (param) {
			
 
				+      //     console.log(param)
			
 
				+      //     if (param.seriesName == '战略新兴产业投资') {
			
 
				+      //         that.tipTitle2 = param.seriesName
			
 
				+      //         that.showTip2 = true
			
 
				+      //     }
			
 
				+  
			
 
				+      //     // 从 option.series 中读取重新渲染扇形所需的参数，将是否选中取反。
			
 
				+      //     // let isSelected = !option.series[params.seriesIndex].pieStatus.selected;
			
 
				+      //     // let isHovered = option.series[params.seriesIndex].pieStatus.hovered;
			
 
				+      //     // let k = option.series[params.seriesIndex].pieStatus.k;
			
 
				+      //     // let startRatio = option.series[params.seriesIndex].pieData.startRatio;
			
 
				+      //     // let endRatio = option.series[params.seriesIndex].pieData.endRatio;
			
 
				+  
			
 
				+      //     // // 如果之前选中过其他扇形，将其取消选中（对 option 更新）
			
 
				+      //     // if (selectedIndex !== '' && selectedIndex !== params.seriesIndex) {
			
 
				+      //     //     option.series[selectedIndex].parametricEquation = getParametricEquation(
			
 
				+      //     //         option.series[selectedIndex].pieData.startRatio,
			
 
				+      //     //         option.series[selectedIndex].pieData.endRatio,
			
 
				+      //     //         false,
			
 
				+      //     //         false,
			
 
				+      //     //         k
			
 
				+      //     //     );
			
 
				+      //     //     option.series[selectedIndex].pieStatus.selected = false;
			
 
				+      //     // }
			
 
				+  
			
 
				+      //     // // 对当前点击的扇形，执行选中/取消选中操作（对 option 更新）
			
 
				+      //     // option.series[params.seriesIndex].parametricEquation = getParametricEquation(
			
 
				+      //     //     startRatio,
			
 
				+      //     //     endRatio,
			
 
				+      //     //     isSelected,
			
 
				+      //     //     isHovered,
			
 
				+      //     //     k
			
 
				+      //     // );
			
 
				+      //     // option.series[params.seriesIndex].pieStatus.selected = isSelected;
			
 
				+  
			
 
				+      //     // // 如果本次是选中操作，记录上次选中的扇形对应的系列号 seriesIndex
			
 
				+      //     // isSelected ? (selectedIndex = params.seriesIndex) : null;
			
 
				+  
			
 
				+      //     // // 使用更新后的 option，渲染图表
			
 
				+      //     // myChart.setOption(option);
			
 
				+      //   });
			
 
				+  
			
 
				+      //   //这里是动画
			
 
				+      //   let i = 0
			
 
				+      //   this.timeOut = setInterval(function() {
			
 
				+      //       console.log(i)
			
 
				+      //       let startRatio = option.series[i].pieData.startRatio;
			
 
				+      //       let endRatio = option.series[i].pieData.endRatio;
			
 
				+      //       let isSelected = option.series[i].pieStatus.selected;
			
 
				+      //       let k = option.series[i].pieStatus.k;
			
 
				+      //       if(i == 0){
			
 
				+      //         let startRatio2 = option.series[2].pieData.startRatio;
			
 
				+      //         let endRatio2 =   option.series[2].pieData.endRatio;
			
 
				+      //         let isSelected2 = option.series[2].pieStatus.selected;
			
 
				+      //         let k2 =  option.series[2].pieStatus.k;
			
 
				+      //         option.series[2].parametricEquation = getParametricEquation(startRatio2, endRatio2, isSelected2, false, k2)
			
 
				+            
			
 
				+      //       } else {
			
 
				+      //         let startRatio3 = option.series[i-1].pieData.startRatio;
			
 
				+      //         let endRatio3 =   option.series[i-1].pieData.endRatio;
			
 
				+      //         let isSelected3 = option.series[i-1].pieStatus.selected;
			
 
				+      //         let k3 =  option.series[i-1].pieStatus.k;
			
 
				+      //         option.series[i-1].parametricEquation = getParametricEquation(startRatio3, endRatio3, isSelected3, false, k3)
			
 
				+      //       }
			
 
				+      //       option.series[i].parametricEquation = getParametricEquation(startRatio, endRatio, isSelected, true, k)
			
 
				+      //       myChart.setOption(option);
			
 
				+      //       i ++
			
 
				+      //       if(i == 3) {
			
 
				+      //         i = 0
			
 
				+      //       }
			
 
				+      //   }, 3000);
			
 
				+      //   // 监听 mouseover，近似实现高亮（放大）效果
			
 
				+      //   myChart.on('mouseover', function (params) {
			
 
				+      //     // 准备重新渲染扇形所需的参数
			
 
				+      //     let isSelected;
			
 
				+      //     let isHovered;
			
 
				+      //     let startRatio;
			
 
				+      //     let endRatio;
			
 
				+      //     let k;
			
 
				+  
			
 
				+      //     // 如果触发 mouseover 的扇形当前已高亮，则不做操作
			
 
				+      //     if (hoveredIndex === params.seriesIndex) {
			
 
				+      //         return;
			
 
				+  
			
 
				+      //         // 否则进行高亮及必要的取消高亮操作
			
 
				+      //     } else {
			
 
				+      //         // 如果当前有高亮的扇形，取消其高亮状态（对 option 更新）
			
 
				+      //         if (hoveredIndex !== '') {
			
 
				+      //             // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 false。
			
 
				+      //             isSelected = option.series[hoveredIndex].pieStatus.selected;
			
 
				+      //             isHovered = false;
			
 
				+      //             startRatio = option.series[hoveredIndex].pieData.startRatio;
			
 
				+      //             endRatio = option.series[hoveredIndex].pieData.endRatio;
			
 
				+      //             k = option.series[hoveredIndex].pieStatus.k;
			
 
				+  
			
 
				+      //             // 对当前点击的扇形，执行取消高亮操作（对 option 更新）
			
 
				+      //             option.series[hoveredIndex].parametricEquation = getParametricEquation(
			
 
				+      //                 startRatio,
			
 
				+      //                 endRatio,
			
 
				+      //                 isSelected,
			
 
				+      //                 isHovered,
			
 
				+      //                 k
			
 
				+      //             );
			
 
				+      //             option.series[hoveredIndex].pieStatus.hovered = isHovered;
			
 
				+  
			
 
				+      //             // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
			
 
				+      //             hoveredIndex = '';
			
 
				+      //         }
			
 
				+  
			
 
				+      //         // 如果触发 mouseover 的扇形不是透明圆环，将其高亮（对 option 更新）
			
 
				+      //         if (params.seriesName !== 'mouseoutSeries') {
			
 
				+      //             // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 true。
			
 
				+      //             isSelected = option.series[params.seriesIndex].pieStatus.selected;
			
 
				+      //             isHovered = true;
			
 
				+      //             startRatio = option.series[params.seriesIndex].pieData.startRatio;
			
 
				+      //             endRatio = option.series[params.seriesIndex].pieData.endRatio;
			
 
				+      //             k = option.series[params.seriesIndex].pieStatus.k;
			
 
				+  
			
 
				+      //             // 对当前点击的扇形，执行高亮操作（对 option 更新）
			
 
				+      //             option.series[params.seriesIndex].parametricEquation = getParametricEquation(
			
 
				+      //                 startRatio,
			
 
				+      //                 endRatio,
			
 
				+      //                 isSelected,
			
 
				+      //                 isHovered,
			
 
				+      //                 k
			
 
				+      //             );
			
 
				+      //             option.series[params.seriesIndex].pieStatus.hovered = isHovered;
			
 
				+  
			
 
				+      //             // 记录上次高亮的扇形对应的系列号 seriesIndex
			
 
				+      //             hoveredIndex = params.seriesIndex;
			
 
				+      //         }
			
 
				+  
			
 
				+      //         // 使用更新后的 option，渲染图表
			
 
				+      //         myChart.setOption(option);
			
 
				+      //     }
			
 
				+      //   });
			
 
				+  
			
 
				+      //   // 修正取消高亮失败的 bug
			
 
				+      //   myChart.on('globalout', function () {
			
 
				+      //     if (hoveredIndex !== '') {
			
 
				+      //         // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 true。
			
 
				+      //         isSelected = option.series[hoveredIndex].pieStatus.selected;
			
 
				+      //         isHovered = false;
			
 
				+      //         k = option.series[hoveredIndex].pieStatus.k;
			
 
				+      //         startRatio = option.series[hoveredIndex].pieData.startRatio;
			
 
				+      //         endRatio = option.series[hoveredIndex].pieData.endRatio;
			
 
				+  
			
 
				+      //         // 对当前点击的扇形，执行取消高亮操作（对 option 更新）
			
 
				+      //         option.series[hoveredIndex].parametricEquation = getParametricEquation(
			
 
				+      //             startRatio,
			
 
				+      //             endRatio,
			
 
				+      //             isSelected,
			
 
				+      //             isHovered,
			
 
				+      //             k
			
 
				+      //         );
			
 
				+      //         option.series[hoveredIndex].pieStatus.hovered = isHovered;
			
 
				+  
			
 
				+      //         // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
			
 
				+      //         hoveredIndex = '';
			
 
				+      //     }
			
 
				+  
			
 
				+      //     // 使用更新后的 option，渲染图表
			
 
				+      //     myChart.setOption(option);
			
 
				+      //   });
			
 
				+  
			
 
				+      //   // 新增监听图例事件，同步显示隐藏对应 label @20210613
			
 
				+      //   myChart.on('legendselectchanged', function (params) {
			
 
				+      //     let seriesLength = option.series.length;
			
 
				+      //     console.log(option.series[seriesLength - 1].data);
			
 
				+      //     for (let i = 0; i < option.series[seriesLength - 1].data.length; i++) {
			
 
				+      //         console.log(option.series[seriesLength - 1].data[i]);
			
 
				+      //         if (option.series[seriesLength - 1].data[i].name == params.name) {
			
 
				+      //             console.log(option.series[seriesLength - 1].data[i]);
			
 
				+      //             params.selected[params.name]
			
 
				+      //                 ? (option.series[seriesLength - 1].data[i].itemStyle.opacity = 1)
			
 
				+      //                 : (option.series[seriesLength - 1].data[i].itemStyle.opacity = 0);
			
 
				+      //         }
			
 
				+      //     }
			
 
				+      //     myChart.setOption(option);
			
 
				+      //   });
			
 
				+  
			
 
				+      //   console.log('66', myChart);
			
 
				+      // },
			
 
				+      //这个是2d环图
			
 
				+      initChartL1 () {
			
 
				+      var chartData = []
			
 
				+      var timer = null;
			
 
				+      var timer2 = null;
			
 
				+      var sumAngleData = 0;
			
 
				+      var i = 0;
			
 
				+      industryList.forEach((item,index) => {
			
 
				+        let obj = {
			
 
				+          name: item.name,
			
 
				+          y: item.value,
			
 
				+          h: 28,
			
 
				+          sliced: false,
			
 
				+          selected: false,
			
 
				+          color: index == 0 ? 'rgb(243,178,119)' : index == 1 ? 'rgb(110,222,191)' : 'rgb(82,161,229)'
			
 
				+        }
			
 
				+        chartData.push(obj)
			
 
				+        sumAngleData = sumAngleData + item.value 
			
 
				+       
			
 
				+      })
			
 
				+      // 这个方法用于计算当前块的最中间角度
			
 
				+      var chartAngle =  function(n){
			
 
				+        return chartData[n].y / sumAngleData * 100 * 1.8
			
 
				+      }  
			
 
				+      var angleData = 180 - chartAngle(0);  //先计算出第一个位于最中间的角度
			
 
				+
			
 
				+      let each = Highcharts.each
			
 
				+      let that = this 
			
 
				+      var chart = Highcharts.chart('echartR1', {
			
 
				+        chart: {
			
 
				+          type: 'pie',
			
 
				+          backgroundColor: 'rgba(0,0,0,0)',
			
 
				+          options3d: {
			
 
				+            enabled: true,
			
 
				+            alpha: 55,
			
 
				+            //beta: 100
			
 
				+            depth: 28,
			
 
				+          },
			
 
				+          events: {
			
 
				+            // load，图表加载完成时触发
			
 
				+            load: function () {
			
 
				+              var chart = this;
			
 
				+              var angle = 0;
			
 
				+              var points = chart.series[0].points;
			
 
				+              var len = points.length;
			
 
				+    
			
 
				+              // each(points, function (p, i) {
			
 
				+              //   p.graphic.attr({
			
 
				+              //     translateY: -p.shapeArgs.ran
			
 
				+              //   })
			
 
				+              //   p.graphic.side1.attr({
			
 
				+              //     translateY: -p.shapeArgs.ran
			
 
				+              //   })
			
 
				+              //   p.graphic.side2.attr({
			
 
				+              //     translateY: -p.shapeArgs.ran
			
 
				+              //   })
			
 
				+              // })
			
 
				+              each(points, function (p, i) {
			
 
				+                var shapeArgs = p.shapeArgs
			
 
				+                console.log(shapeArgs)
			
 
				+              })
			
 
				+
			
 
				+              timer && clearInterval(timer);
			
 
				+              timer = setInterval(function () {
			
 
				+                autoTooltip(points[i]);
			
 
				+               
			
 
				+                chartData.forEach((item,index) => {
			
 
				+                  item.sliced = false
			
 
				+                  item.selected = false
			
 
				+                  item.h = 28
			
 
				+                  if(index == i){
			
 
				+                    item.sliced = true
			
 
				+                    item.selected = true
			
 
				+                    item.h = 48
			
 
				+                  }
			
 
				+                })
			
 
				+                chart.update({
			
 
				+                  plotOptions: {
			
 
				+                    pie: {
			
 
				+                      allowPointSelect: true,
			
 
				+                      showInLegend:  true, // 图例
			
 
				+                      cursor: 'pointer',
			
 
				+                      size: 180,
			
 
				+                      innerSize : 110, //环形图中间空白，0为饼图
			
 
				+                      depth: 28, //立体高度
			
 
				+                      slicedOffset: 23, //动画距离
			
 
				+                      startAngle: angleData,  // 旋转角度
			
 
				+                      dataLabels: {
			
 
				+                        enabled: false,  // 是否展示指示线
			
 
				+                        format: '{point.name}: {point.percentage}'
			
 
				+                      }
			
 
				+                    },
			
 
				+                  },
			
 
				+                  series:[{
			
 
				+                    type: 'pie',
			
 
				+                    name: '占比',
			
 
				+                    point: {
			
 
				+                      events:{
			
 
				+                        click:function(e){
			
 
				+                            if (e.point.name == '战略新兴产业') {
			
 
				+                                that.tipTitle2 = e.point.name
			
 
				+                                that.showTip2 = true
			
 
				+                            }
			
 
				+                        }
			
 
				+                      }
			
 
				+                    },
			
 
				+                    data: chartData
			
 
				+                  }]
			
 
				+                })
			
 
				+                i++;
			
 
				+                
			
 
				+                if (i === len) {
			
 
				+                  i = 0;
			
 
				+                }
			
 
				+                // 开始计算上一个旋转块的角度
			
 
				+                let previous = i-1 < 0 ? len-1 : i-1 //这里计算上一块是第几块
			
 
				+                angleData =angleData- (chartAngle(i) +  chartAngle(previous))
			
 
				+              }, 2000);
			
 
				+             
			
 
				+            },
			
 
				+            legendItemClick : function(event) {
			
 
				+              console.log(event);
			
 
				+              return true;
			
 
				+            }
			
 
				+          }
			
 
				+        },
			
 
				+        credits: {
			
 
				+          enabled: false  //去掉hightchats水印
			
 
				+        },
			
 
				+        title: {
			
 
				+          text: null
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          crosshairs: true,
			
 
				+          backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+          useHTML: true, //开启html模式
			
 
				+          style: {
			
 
				+            color:'#fff',
			
 
				+          },
			
 
				+          formatter: function(e){
			
 
				+            //console.log(this, e)
			
 
				+            this.percentage = Math.round(this.percentage)
			
 
				+            // e.options.backgroundColor = 'rgba(0,0,0,0.5)'
			
 
				+            // e.options.style.color = '#fff'
			
 
				+            return `${this.key}：<b>${this.percentage}%</b><br/>金额：<b>${this.y}</b>亿`
			
 
				+          },
			
 
				+          //pointFormat: 
			
 
				+        },
			
 
				+        legend: {
			
 
				+          layout: 'vertical',  
			
 
				+          align: 'left',
			
 
				+          verticalAlign: 'bottom',
			
 
				+          itemStyle:{
			
 
				+            color: '#fff'
			
 
				+          }
			
 
				+        },
			
 
				+        plotOptions: {
			
 
				+          pie: {
			
 
				+            allowPointSelect: true,
			
 
				+            showInLegend:  true, // 图例
			
 
				+            cursor: 'pointer',
			
 
				+            size: 180,
			
 
				+            innerSize : 110, //环形图中间空白，0为饼图
			
 
				+            depth: 28, //立体高度
			
 
				+            slicedOffset: 23, //动画距离
			
 
				+            startAngle: angleData,  // 旋转角度
			
 
				+            dataLabels: {
			
 
				+              enabled: false,  // 是否展示指示线
			
 
				+              format: '{point.name}: {point.percentage}'
			
 
				+            }
			
 
				+          },
			
 
				+        },
			
 
				+        series: [{
			
 
				+          type: 'pie',
			
 
				+          name: '占比',
			
 
				+          center: ['35%','50%'],
			
 
				+          point: {
			
 
				+              events:{
			
 
				+                  click:function(e){ //点击事件
			
 
				+                      //console.log(e)
			
 
				+                      if (e.point.name == '战略新兴产业') {
			
 
				+                          that.tipTitle2 = e.point.name
			
 
				+                          that.showTip2 = true
			
 
				+                      }
			
 
				+                  },
			
 
				+                  mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                    //console.log(e) 
			
 
				+                    var angle = 45
			
 
				+                    chartData.forEach((item,index) => {
			
 
				+                      item.sliced = false
			
 
				+                      item.selected = false
			
 
				+                   })
			
 
				+                    chartData[e.target.index].sliced = true
			
 
				+                    chartData[e.target.index].selected = true
			
 
				+                    chart.update({
			
 
				+                      series:[{
			
 
				+                        type: 'pie',
			
 
				+                        name: '占比',
			
 
				+                        point: {
			
 
				+                          events:{
			
 
				+                            click:function(e){
			
 
				+                                if (e.point.name == '战略新兴产业') {
			
 
				+                                    that.tipTitle2 = e.point.name
			
 
				+                                    that.showTip2 = true
			
 
				+                                }
			
 
				+                            }
			
 
				+                          }
			
 
				+                        },
			
 
				+                        data: chartData
			
 
				+                      }]
			
 
				+                    })
			
 
				+                    timer && clearInterval(timer);
			
 
				+                  },
			
 
				+                  mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                  var points = chart.series[0].points;
			
 
				+                  var len = points.length;
			
 
				+                  timer && clearInterval(timer);
			
 
				+                  timer = setInterval(function () {
			
 
				+                    autoTooltip(points[i]);
			
 
				+                    chartData.forEach((item,index) => {
			
 
				+                      item.sliced = false
			
 
				+                      item.selected = false
			
 
				+                      if(index == i){
			
 
				+                        item.sliced = true
			
 
				+                        item.selected = true
			
 
				+                      }
			
 
				+                    })
			
 
				+                    chart.update({
			
 
				+                      plotOptions: {
			
 
				+                        pie: {
			
 
				+                          allowPointSelect: true,
			
 
				+                          showInLegend:  true, // 图例
			
 
				+                          cursor: 'pointer',
			
 
				+                          size: 180,
			
 
				+                          innerSize : 110, //环形图中间空白，0为饼图
			
 
				+                          depth: 28, //立体高度
			
 
				+                          slicedOffset: 23, //动画距离
			
 
				+                          startAngle: angleData,  // 旋转角度
			
 
				+                          dataLabels: {
			
 
				+                            enabled: false,  // 是否展示指示线
			
 
				+                            format: '{point.name}: {point.percentage}'
			
 
				+                          }
			
 
				+                        },
			
 
				+                      },
			
 
				+                      series:[{
			
 
				+                        type: 'pie',
			
 
				+                        name: '占比',
			
 
				+                        point: {
			
 
				+                          events:{
			
 
				+                            click:function(e){
			
 
				+                                if (e.point.name == '战略新兴产业') {
			
 
				+                                    that.tipTitle2 = e.point.name
			
 
				+                                    that.showTip2 = true
			
 
				+                                }
			
 
				+                            }
			
 
				+                          }
			
 
				+                        },
			
 
				+                        data: chartData
			
 
				+                      }]
			
 
				+                    })
			
 
				+                    i++;
			
 
				+                    if (i === len) {
			
 
				+                      i = 0;
			
 
				+                    }
			
 
				+                    let previous = i-1 < 0 ? len-1 : i-1 //这里计算上一块是第几块
			
 
				+                    angleData =angleData- (chartAngle(i) +  chartAngle(previous))
			
 
				+                  }, 2000);                
			
 
				+                 }
			
 
				+              }
			
 
				+          },
			
 
				+          data: chartData
			
 
				+        }]
			
 
				+      });
			
 
				+      
			
 
				+      function autoTooltip(point) {
			
 
				+        chart.tooltip.refresh(point);
			
 
				+      }
			
 
				+
			
 
				+    //     let myChart = echarts.init(this.$refs['echartR1'])
			
 
				+    //     let option = {
			
 
				+    //       tooltip: {
			
 
				+    //         trigger: 'item',
			
 
				+    //         //position: ['65%', '42%'],
			
 
				+    //         position: (point,params,dom,rect,size) => {
			
 
				+    //           if(params.name == '传统产业'){
			
 
				+    //             return ['55%','25%']
			
 
				+    //           } else if (params.name == '战略新兴产业') {
			
 
				+    //             return ['55%','65%']
			
 
				+    //           } else if (params.name == '基础产业') {
			
 
				+    //             return ['18%','35%']
			
 
				+    //           }
			
 
				+    //   },
			
 
				+    //         formatter: params => {
			
 
				+    //           return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}：${params.percent}% <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 金额：${params.value}亿`
			
 
				+    //         },  //+ '<br/>'+ '{a1}：{c1}' + '%',
			
 
				+    //         axisPointer: {
			
 
				+    //           type: 'cross',
			
 
				+    //         },
			
 
				+    //       },
			
 
				+    //       color: ['#6682f5', '#69c0ff', '#43ede3', '#8ba2ff'],
			
 
				+    //       legend: {
			
 
				+    //         left: '2%',
			
 
				+    //         bottom: '2%',
			
 
				+    //         orient: 'vertical',
			
 
				+    //         //right: '2%',
			
 
				+    //         textStyle: {
			
 
				+    //           color: '#9DB9EB',
			
 
				+    //         },
			
 
				+    //       },
			
 
				+    //       series: [
			
 
				+  
			
 
				+    //         // {
			
 
				+    //         //   hoverOffset: 0,
			
 
				+    //         //   startAngle: 90,
			
 
				+    //         //   type: "pie",
			
 
				+    //         //   radius: [48, 55],
			
 
				+    //         //   center: ["50%", "50%"],
			
 
				+    //         //   itemStyle: {
			
 
				+    //         //     normal: {
			
 
				+    //         //         borderColor: 'rgba(1,31,6,0.7)',
			
 
				+    //         //         borderWidth: 4
			
 
				+    //         //     }
			
 
				+    //         //   },
			
 
				+    //         //   tooltip: {
			
 
				+    //         //     show: false
			
 
				+    //         //   },
			
 
				+    //         //   labelLine: {
			
 
				+    //         //     show: false
			
 
				+    //         //   },
			
 
				+    //         //   label: {
			
 
				+    //         //     show: false
			
 
				+    //         //   },
			
 
				+    //         //   data: industryList
			
 
				+    //         // },
			
 
				+    //         {
			
 
				+    //           name: '',
			
 
				+    //           type: 'pie',
			
 
				+    //           radius: ['50%', '75%'],
			
 
				+    //           center: ["50%", "50%"],
			
 
				+    //           label:{
			
 
				+    //             show: false,
			
 
				+    //           },
			
 
				+    //           itemStyle: {
			
 
				+    //             normal: {
			
 
				+    //               borderColor: 'rgba(1,31,64,0.7)',
			
 
				+    //               borderWidth: 6
			
 
				+    //             }
			
 
				+    //           },
			
 
				+    //           labelLine: {
			
 
				+    //             show: false,
			
 
				+    //           },
			
 
				+    //           data: industryList,
			
 
				+    //         },
			
 
				+    //       ],
			
 
				+    //     }
			
 
				+    //     let that = this
			
 
				+    //     myChart.on('click', function (param) {
			
 
				+    //       if (param.name == '战略新兴产业') {
			
 
				+    //         that.tipTitle2 = param.name
			
 
				+    //         that.showTip2 = true
			
 
				+    //       }
			
 
				+  
			
 
				+    //     })
			
 
				+    //     myChart.setOption(option)
			
 
				+    //     tools.loopShowTooltip(myChart, option, {
			
 
				+    //       nterval: 2000,
			
 
				+    //       loopSeries: true,
			
 
				+    //     })
			
 
				+      },
			
 
				+      initChartL2() {
			
 
				+        let myChart = echarts.init(this.$refs['echartL2'])
			
 
				+        let option = {
			
 
				+          tooltip: {
			
 
				+            formatter: data => {            
			
 
				+              return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[0].color.colorStops[0].color}"></span> ${data[0].seriesName}：${data[0].value}亿 <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[1].color.colorStops[0].color}"></span> ${data[1].seriesName}：${data[1].value}亿`
			
 
				+            },
			
 
				+            trigger: 'axis',
			
 
				+            axisPointer: {
			
 
				+              type: 'cross',
			
 
				+            },
			
 
				+          },
			
 
				+          dataZoom:[
			
 
				+           {
			
 
				+            // start: 9,//默认为@
			
 
				+            // end: 100,//黑认认为1@0
			
 
				+            type: "slider",
			
 
				+            show: false,
			
 
				+            // xAxisIndex: [0]
			
 
				+            handlesize: 0,//滑动条的 左右2个滑动条的大小
			
 
				+            startValue: 5,// 初始显示值
			
 
				+            endValue: 0,// 结束显示值
			
 
				+            height: 10,//组件高度
			
 
				+            left:"5%",
			
 
				+            right: "4%",//右边的距离
			
 
				+            bottom: "25%",//底边的距离
			
 
				+            borderColor:"#939",
			
 
				+            fillerColor:"#269cdb",
			
 
				+            borderRadius: 5,
			
 
				+            backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
			
 
				+            showDataShadow: false,//是否显示数据阴影
			
 
				+            showDetail: false,//即拖拽时候是否显示详细数值信息 
			
 
				+            truerealtime: true,//是否实时更新
			
 
				+            filterMode: "filter"
			
 
				+           },{
			
 
				+            type:'inside',
			
 
				+            show: true,
			
 
				+            start: 1,
			
 
				+            end: 100
			
 
				+           }
			
 
				+          ],
			
 
				+          grid: {
			
 
				+            top: '16%',
			
 
				+            right: '3%',
			
 
				+            left: '10%',
			
 
				+            bottom: '23%',
			
 
				+          },
			
 
				+          legend: {
			
 
				+            top: '1',
			
 
				+            right: '10',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(250,250,250,0.6)',
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: executeList.map(item => item.name),
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 40,
			
 
				+              textStyle: {
			
 
				+                color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              name: '亿元',
			
 
				+              nameTextStyle: {
			
 
				+                color: 'rgba(255,255,255,0.6)',
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#3D7495',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '计划投资',
			
 
				+              type: 'bar',
			
 
				+              barWidth: 10,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: executeList.map(item => item.value),
			
 
				+            },
			
 
				+            {
			
 
				+              name: '实际投资',
			
 
				+              type: 'bar',
			
 
				+              barWidth: 10,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#957DFF',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: executeList.map(item => item.value2),
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+        let arr =  executeList.map(item => item.value2)
			
 
				+        this.timeOut = setInterval(function () {
			
 
				+         
			
 
				+          let startValue = myChart.getModel().option.dataZoom[0].startValue;
			
 
				+          let endValue = myChart.getModel().option.dataZoom[0].endValue;
			
 
				+          let start = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴
			
 
				+          let end = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴
			
 
				+          // 每次向后滚动一个，最后一个从头开始。
			
 
				+          // console.log(option.dataZoom[0].endValue);
			
 
				+          
			
 
				+          if (option.dataZoom[0].endValue >= 12) {
			
 
				+            option.dataZoom[0].endValue = 5
			
 
				+            option.dataZoom[0].startValue = 0
			
 
				+          } else {
			
 
				+              option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
			
 
				+              option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
			
 
				+          }
			
 
				+  
			
 
				+          // myChart.dispatchAction({
			
 
				+          //   type: 'showTip',
			
 
				+          //   seriesIndex: 0,
			
 
				+          //   dataIndex: startValue +1,
			
 
				+          // });
			
 
				+          myChart.setOption(option);
			
 
				+        }, 12000);
			
 
				+        
			
 
				+      },
			
 
				+      initChartR1() {
			
 
				+        let myChart = echarts.init(this.$refs['echartL1'])
			
 
				+        let option = {
			
 
				+          tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+            formatter: '{a0}：{c0}' + '亿元',  //+ '<br/>'+ '{a1}：{c1}' + '%',
			
 
				+            axisPointer: {
			
 
				+              type: 'cross',
			
 
				+            },
			
 
				+          },
			
 
				+          grid: {
			
 
				+            top: '16%',
			
 
				+            right: '10%',
			
 
				+            left: '10%',
			
 
				+            bottom: '22%',
			
 
				+          },
			
 
				+          // legend: {
			
 
				+          //   top: '1',
			
 
				+          //   textStyle: {
			
 
				+          //     color: 'rgba(250,250,250,0.6)',
			
 
				+          //   },
			
 
				+          // },
			
 
				+          xAxis: {
			
 
				+            data: statusList.map(item => item.name),
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 20,
			
 
				+              textStyle: {
			
 
				+                color: '#fff',//'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              name: '亿元',
			
 
				+              nameTextStyle: {
			
 
				+                color: 'rgba(255,255,255,0.6)',
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#3D7495',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              axisLine: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              splitLine: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                formatter: '{value} %',
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              type: 'bar',
			
 
				+              name: '投资金额',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              data: statusList.map(item => item.value),
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+  
			
 
				+      },
			
 
				+  
			
 
				+      initChartR2() {
			
 
				+        var chartData = []
			
 
				+        var timer = null;
			
 
				+        var timer2 = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        chartDateR2.forEach((item,index) => {
			
 
				+          let obj = {
			
 
				+            name: item.name,
			
 
				+            y: item.value2,
			
 
				+            x: item.value,
			
 
				+            sliced: false,
			
 
				+            selected: false,
			
 
				+            color: index == 0 ? '#43ede3' : '#8ba2ff'
			
 
				+          }
			
 
				+          chartData.push(obj)
			
 
				+          
			
 
				+        })
			
 
				+        let that = this
			
 
				+      var chart = Highcharts.chart('echartR2', {
			
 
				+        chart: {
			
 
				+          type: 'pie',
			
 
				+          backgroundColor: 'rgba(0,0,0,0)',
			
 
				+          options3d: {
			
 
				+            enabled: true,
			
 
				+            alpha: 45,
			
 
				+            //beta: 0
			
 
				+          },
			
 
				+          events: {
			
 
				+            // load，图表加载完成时触发
			
 
				+            load: function () {
			
 
				+              var chart = this;
			
 
				+  
			
 
				+              var points = chart.series[0].points;
			
 
				+              var len = points.length;
			
 
				+              timer && clearInterval(timer);
			
 
				+              timer = setInterval(function () {
			
 
				+                autoTooltip(points[i]);
			
 
				+                chartData.forEach((item,index) => {
			
 
				+                  item.sliced = false
			
 
				+                  item.selected = false
			
 
				+                  if(index == i){
			
 
				+                    item.sliced = true
			
 
				+                    item.selected = true
			
 
				+                  }
			
 
				+                })
			
 
				+                chart.update({
			
 
				+                  series:[{
			
 
				+                    type: 'pie',
			
 
				+                    name: '占比',
			
 
				+                    point: {
			
 
				+                      events:{
			
 
				+                        click:function(e){
			
 
				+                            console.log(e)
			
 
				+                        }
			
 
				+                      }
			
 
				+                    },
			
 
				+                    data: chartData
			
 
				+                  }]
			
 
				+                })
			
 
				+                i++;
			
 
				+                if (i === len) {
			
 
				+                  i = 0;
			
 
				+                  chartData.forEach((item,index) => {
			
 
				+                    item.sliced = false
			
 
				+                    item.selected = false
			
 
				+                  })
			
 
				+                  chart.update({
			
 
				+                    series:[{
			
 
				+                      type: 'pie',
			
 
				+                      name: '占比',
			
 
				+                      point: {
			
 
				+                        events:{
			
 
				+                          click:function(e){
			
 
				+                              console.log(e)
			
 
				+                          }
			
 
				+                        }
			
 
				+                      },
			
 
				+                      data: chartData
			
 
				+                    }]
			
 
				+                  })
			
 
				+                }
			
 
				+              }, 2000);
			
 
				+            },
			
 
				+            legendItemClick : function(event) {
			
 
				+              console.log(event);
			
 
				+              return true;
			
 
				+            }
			
 
				+          }
			
 
				+        },
			
 
				+        credits: {
			
 
				+          enabled: false  //去掉hightchats水印
			
 
				+        },
			
 
				+        title: {
			
 
				+          text: null
			
 
				+        },
			
 
				+        tooltip: {
			
 
				+          crosshairs: true,
			
 
				+          backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+          // positioner: function(e){
			
 
				+          //   console.log(e, this)
			
 
				+          // },
			
 
				+          useHTML: true, //开启html模式
			
 
				+          style: {
			
 
				+            color:'#fff',
			
 
				+          },
			
 
				+          formatter: function(e){
			
 
				+            //console.log(this)
			
 
				+            let num = chartData[this.colorIndex].x
			
 
				+            this.percentage = Math.round(this.percentage)
			
 
				+            return `${this.key}：<b>${this.percentage}%</b><br/>投资完成额：<b>${this.y}</b>亿<br/>投资数量：<b>${num}个</b>`
			
 
				+          },
			
 
				+          //pointFormat: 
			
 
				+        },
			
 
				+        legend: {
			
 
				+          layout: 'vertical',  
			
 
				+          align: 'left',
			
 
				+          verticalAlign: 'bottom',
			
 
				+          itemStyle:{
			
 
				+            color: '#fff'
			
 
				+          }
			
 
				+        },
			
 
				+        plotOptions: {
			
 
				+          pie: {
			
 
				+            allowPointSelect: true,
			
 
				+            showInLegend:  true, // 图例
			
 
				+            cursor: 'pointer',
			
 
				+            size: 180,
			
 
				+            innerSize : 110, //环形图中间空白，0为饼图
			
 
				+            depth: 28, //立体高度
			
 
				+            slicedOffset: 23, //动画距离
			
 
				+            dataLabels: {
			
 
				+              enabled: false,  // 是否展示指示线
			
 
				+              format: '{point.name}: {point.percentage}'
			
 
				+            }
			
 
				+          },
			
 
				+        },
			
 
				+        series: [{
			
 
				+          type: 'pie',
			
 
				+          name: '占比',
			
 
				+          center: ['35%','50%'],
			
 
				+          point: {
			
 
				+              events:{
			
 
				+                  click:function(e){ //点击事件
			
 
				+                  },
			
 
				+                  mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                    //console.log(e) 
			
 
				+                    chartData.forEach((item,index) => {
			
 
				+                      item.sliced = false
			
 
				+                      item.selected = false
			
 
				+                   })
			
 
				+                    chartData[e.target.index].sliced = true
			
 
				+                    chartData[e.target.index].selected = true
			
 
				+                    chart.update({
			
 
				+                      series:[{
			
 
				+                        type: 'pie',
			
 
				+                        name: '占比',
			
 
				+                        point: {
			
 
				+                          events:{
			
 
				+                            click:function(e){
			
 
				+                                console.log(e)
			
 
				+                            }
			
 
				+                          }
			
 
				+                        },
			
 
				+                        data: chartData
			
 
				+                      }]
			
 
				+                    })
			
 
				+                    timer && clearInterval(timer);
			
 
				+                  },
			
 
				+                  mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                  var points = chart.series[0].points;
			
 
				+                  var len = points.length;
			
 
				+             
			
 
				+                  timer && clearInterval(timer);
			
 
				+                  timer = setInterval(function () {
			
 
				+                    autoTooltip(points[i]);
			
 
				+                    chartData.forEach((item,index) => {
			
 
				+                      item.sliced = false
			
 
				+                      item.selected = false
			
 
				+                      if(index == i){
			
 
				+                        item.sliced = true
			
 
				+                        item.selected = true
			
 
				+                      }
			
 
				+                    })
			
 
				+                    chart.update({
			
 
				+                      series:[{
			
 
				+                        type: 'pie',
			
 
				+                        name: '占比',
			
 
				+                        point: {
			
 
				+                          events:{
			
 
				+                            click:function(e){
			
 
				+                                console.log(e)
			
 
				+                            }
			
 
				+                          }
			
 
				+                        },
			
 
				+                        data: chartData
			
 
				+                      }]
			
 
				+                    })
			
 
				+                    i++;
			
 
				+                    if (i === len) {
			
 
				+                      i = 0;
			
 
				+                      chartData.forEach((item,index) => {
			
 
				+                        item.sliced = false
			
 
				+                        item.selected = false
			
 
				+                      })
			
 
				+                      chart.update({
			
 
				+                        series:[{
			
 
				+                          type: 'pie',
			
 
				+                          name: '占比',
			
 
				+                          point: {
			
 
				+                            events:{
			
 
				+                              click:function(e){
			
 
				+                                  console.log(e)
			
 
				+                              }
			
 
				+                            }
			
 
				+                          },
			
 
				+                          data: chartData
			
 
				+                        }]
			
 
				+                      })
			
 
				+                    }
			
 
				+                  }, 2000);                
			
 
				+                 }
			
 
				+              }
			
 
				+          },
			
 
				+          data: chartData
			
 
				+        }]
			
 
				+      });
			
 
				+      
			
 
				+      function autoTooltip(point) {
			
 
				+        chart.tooltip.refresh(point);
			
 
				+      }
			
 
				+
			
 
				+        // let myChart = echarts.init(this.$refs['echartR2'])
			
 
				+        // let option = {
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     position: (point,params,dom,rect,size) => {
			
 
				+        //             if(params.name == '新建'){
			
 
				+        //               return ['55%','45%']
			
 
				+        //             } else {
			
 
				+        //               return ['15%','40%']
			
 
				+        //             }
			
 
				+        //     },
			
 
				+        //     formatter: params => {
			
 
				+        //       return `<span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> ${params.name}：${params.value}个 <br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${params.color}"></span> 投资完成额：${params.data.value2}亿`
			
 
				+        //     },  //+ '<br/>'+ '{a1}：{c1}' + '%',
			
 
				+        //     axisPointer: {
			
 
				+        //       type: 'cross',
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   color: [ '#43ede3', '#8ba2ff'],
			
 
				+        //   legend: {
			
 
				+        //     left: '5%',
			
 
				+        //     bottom: '2%',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     //right: '2%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       radius: ['50%', '75%'],
			
 
				+        //       center: ["50%", "50%"],
			
 
				+        //       label:{
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6
			
 
				+        //         }
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data: chartDateR2,
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 10000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+      },
			
 
				+      initProjectList() {
			
 
				+        let dataList = []
			
 
				+        projectList.map(item => {
			
 
				+          dataList.push([item.office,item.name,  item.value + '亿'])
			
 
				+        })
			
 
				+        this.storageRecordConfig = {
			
 
				+          header: ['企业集团', '项目名称',  '投资金额'],
			
 
				+          headerBGC: '#05507b33',
			
 
				+          oddRowBGC: '#05507b33',
			
 
				+          evenRowBGC: '',
			
 
				+          headerHeight: '40',
			
 
				+          rowNum: 5,
			
 
				+          columnWidth: [100, 350],
			
 
				+          align: ['center', 'center', 'center'],
			
 
				+          data: dataList,
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+  })
			
 
				+  
			
--- a/分屏/js/copyHome2.js
+++ b/分屏/js/copyHome2.js
@@ -0,0 +1,3686 @@
 
				+let app = new Vue({
			
 
				+    el: '#app',
			
 
				+    data () {
			
 
				+      return {
			
 
				+        count: 0,
			
 
				+        countType: 0,
			
 
				+        type: true, // 切换柱状图状态
			
 
				+        showTip2: false,
			
 
				+        showTip3: false,
			
 
				+        timer2: '',
			
 
				+        echartTitle: '',
			
 
				+        year: '2022',
			
 
				+        time: '',
			
 
				+        timer: '',
			
 
				+        mapName: 'shanxi',
			
 
				+        geoCoordMap: {},
			
 
				+        config1: {
			
 
				+          number: [100],
			
 
				+          content: '{nt}个',
			
 
				+        },
			
 
				+        storageRecordConfig: {
			
 
				+          // waitTime: '30000',
			
 
				+          hoverPause: false,
			
 
				+          header: ['企业集团', '项目名 ', '投资总额'],
			
 
				+          // headerBGC: '#05507b33',
			
 
				+          // oddRowBGC: '#05507b33',
			
 
				+          // evenRowBGC: '#05507b33',
			
 
				+          headerBGC: '#05183c',
			
 
				+          headerBGC: '#05507b33',
			
 
				+          oddRowBGC: '#05183c',
			
 
				+          evenRowBGC: '#05183c',
			
 
				+          rowNum: 4,
			
 
				+          align: ['center'],
			
 
				+          data: [
			
 
				+            // ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元 "],
			
 
				+            // ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
			
 
				+            // ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元 "],
			
 
				+            // ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元 "],
			
 
				+            // ['潞安化工', '分布式光伏发电项目', "2.01亿元 "],
			
 
				+            // ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元 "],
			
 
				+            // ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元 "],
			
 
				+            // ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元 "],
			
 
				+            // ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元 "],
			
 
				+            // ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元 "],
			
 
				+            // ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元 "],
			
 
				+            // ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元 "],
			
 
				+            // ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元 "],
			
 
				+            // ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元 "],
			
 
				+            // ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元 "],
			
 
				+            // ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元 "],
			
 
				+            // ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元 "],
			
 
				+            // ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元 "],
			
 
				+            // ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元 "],
			
 
				+            ['国际能源', '娄烦县120MW智慧光伏发电项目+10%储能', "6.78亿元"],
			
 
				+            ['国际能源', '平朔矿区150MW农光储氢一体化项目', "7.84亿元"],
			
 
				+            ['汾酒集团', '汾酒2030技改原酒产储能扩建项目（一期）', "91.02亿元"],
			
 
				+            ['大地控股', '山西大地控股忻州新店矿业有限公司投资建设年产800万吨精品砂石骨料项目', "8.67亿元"],
			
 
				+            ['潞安化工', '分布式光伏发电项目', "2.01亿元"],
			
 
				+            ['太重集团', '设立太重（大同）新能源产业投资公司', "0.30亿元"],
			
 
				+            ['大地控股', '山西大地宏翔环保科技有限公司电厂固废资源化综合利用建设项目', "3.60亿元"],
			
 
				+            ['大地控股', '山西大地海科环保科技有限公司电厂固废资源化综合利用建设项目', "3.11亿元"],
			
 
				+            ['汾酒集团', '保健酒园区新增原酒产能项目', "4.98亿元"],
			
 
				+            ['汾酒集团', '白玉酒厂改扩建项目', "4.96亿元"],
			
 
				+            ['华阳新材', '5GW高效光伏组件制造项目', "4.82亿元"],
			
 
				+            ['华新燃气', '吉县—延长输气管道项目（一期工程）', "3.54亿元"],
			
 
				+            ['太重集团', '建设液压挖掘机配套油缸项目', "2.60亿元"],
			
 
				+            ['华远陆港', '物产集团参股设立项目公司投资建设山西物产万科（太原）综合物流产业园项目', "6.60亿元"],
			
 
				+            ['太重集团', '设立昔阳县晶能新能源有限公司', "0.50亿元"],
			
 
				+            ['山西建投', '设立山西低碳环保产业集团有限公司', "30.00亿元"],
			
 
				+            ['山西建投', '设立山西省太忻经济一体化发展投资集团有限公司', "30.00亿元"],
			
 
				+            ['华新燃气', '设立山西华新液化天然气集团有限公司', "3.00亿元"],
			
 
				+            ['交控集团', '设立山西交控新能源发展有限公司', "3.00亿元"]
			
 
				+          ],
			
 
				+        },
			
 
				+        companyList: [
			
 
				+          { name: '山西焦煤' },
			
 
				+          { name: '晋能控股' },
			
 
				+          { name: '华新燃气' },
			
 
				+          { name: '山西建投' },
			
 
				+          { name: '潞安化工' },
			
 
				+          { name: '华远陆港' },
			
 
				+          { name: '航产集团' },
			
 
				+          { name: '大地控股' },
			
 
				+          { name: '国新能源' },
			
 
				+          { name: '汾酒集团' },
			
 
				+          { name: '云时代' },
			
 
				+          { name: '神农科技' },
			
 
				+          { name: '华阳新材' },
			
 
				+          { name: '华舰体育' },
			
 
				+          { name: '交控集团' },
			
 
				+          { name: '文旅集团' },
			
 
				+          { name: '水控集团' },
			
 
				+          { name: '太重集团' },
			
 
				+        ],
			
 
				+      }
			
 
				+    },
			
 
				+    created () {
			
 
				+      this.time = formatDate()
			
 
				+      this.timer = setInterval(() => {
			
 
				+        this.time = formatDate()
			
 
				+      }, 1000)
			
 
				+  
			
 
				+    },
			
 
				+  
			
 
				+    beforeDestroy () {
			
 
				+      if (this.timer) {
			
 
				+        clearInterval(this.timer);
			
 
				+      }
			
 
				+      this.timer2 && clearInterval(this.timer2);
			
 
				+    },
			
 
				+    mounted () {
			
 
				+  
			
 
				+      // 左侧图表
			
 
				+      setTimeout(() => {
			
 
				+        this.initChartL1()
			
 
				+        this.initChartL2()
			
 
				+        this.initChartL3()
			
 
				+        this.initChartL4()
			
 
				+        this.initChartL5()
			
 
				+        this.initChartL6()
			
 
				+        this.initChartL7()
			
 
				+        this.initChartR1()
			
 
				+        this.initChartR2()
			
 
				+        this.initChartR3()
			
 
				+        this.initChartR6()
			
 
				+        this.changeTopColor()
			
 
				+      },)
			
 
				+    },
			
 
				+    methods: {
			
 
				+      changeTopColor () {
			
 
				+        this.list = document.getElementsByClassName('row-item')
			
 
				+        for (var i = 0; i < this.list.length; i++) {
			
 
				+          if (i == 1) {
			
 
				+            this.list[i].classList.add('light')
			
 
				+          } else {
			
 
				+            this.list[i].classList.remove('light')
			
 
				+          }
			
 
				+        }
			
 
				+        this.initChartL3()
			
 
				+      },
			
 
				+      scrollChange (index) {
			
 
				+        if (index == 18) {
			
 
				+          this.count = -1
			
 
				+        } else {
			
 
				+          this.count = index
			
 
				+        }
			
 
				+        if (this.count > 12 && this.count != 18) {
			
 
				+          this.countType = 1
			
 
				+        } else {
			
 
				+          this.countType = 0
			
 
				+        }
			
 
				+        this.list = document.getElementsByClassName('row-item')
			
 
				+        for (var i = 0; i < this.list.length; i++) {
			
 
				+          if (i == 2) {
			
 
				+            this.list[i].classList.add('light')
			
 
				+          } else {
			
 
				+            this.list[i].classList.remove('light')
			
 
				+          }
			
 
				+        }
			
 
				+        this.initChartL3()
			
 
				+      },
			
 
				+      convertData (data) {
			
 
				+        var res = []
			
 
				+        for (var i = 0; i < data.length; i++) {
			
 
				+          var geoCoord = this.geoCoordMap[data[i].name]
			
 
				+          if (geoCoord) {
			
 
				+            res.push({
			
 
				+              name: data[i].name,
			
 
				+              value: geoCoord.concat(data[i].value),
			
 
				+            })
			
 
				+          }
			
 
				+        }
			
 
				+        return res
			
 
				+      },
			
 
				+      initChinaChart () {
			
 
				+        var data = [
			
 
				+          { name: '吕梁市', value: 150 },
			
 
				+          { name: '大同市', value: 190 },
			
 
				+          { name: '忻州市', value: 140 },
			
 
				+          { name: '朔州市', value: 160 },
			
 
				+          { name: '晋中市', value: 100 },
			
 
				+          { name: '太原市', value: 300 },
			
 
				+          { name: '临汾市', value: 190 },
			
 
				+          { name: '长治市', value: 100 },
			
 
				+          { name: '晋城市', value: 280 },
			
 
				+          { name: '运城市', value: 180 },
			
 
				+          { name: '阳泉市', value: 110 },
			
 
				+        ]
			
 
				+  
			
 
				+        var moveLine = {
			
 
				+          normal: [
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '吕梁市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.3574, 37.7325],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '忻州市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.4561, 38.8971],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '临汾市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.4783, 36.1615],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '阳泉市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.4778, 38.0951],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '晋中市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.7747, 37.37],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '运城市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [111.1487, 35.2002],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '大同市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.7854, 39.8035],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '晋城市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.7856, 35.6342],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '长治市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [112.8625, 36.4746],
			
 
				+              ],
			
 
				+            },
			
 
				+            {
			
 
				+              fromName: '太原市',
			
 
				+              toName: '朔州市',
			
 
				+              coords: [
			
 
				+                [112.3352, 37.9413],
			
 
				+                [113.0713, 39.6991],
			
 
				+              ],
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        /*获取地图数据*/
			
 
				+        let myChart = echarts.init(this.$refs['echarts-map'])
			
 
				+        echarts.registerMap('shanxi', {
			
 
				+          type: 'FeatureCollection',
			
 
				+          features: [
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1409',
			
 
				+              properties: { name: '忻州市', cp: [112.4561, 38.8971], childNum: 14 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@Vx@lnbn¦WlnnUm°²VVVVVnUnºlz@l@J@kXWVXl@La@KULlbnKlLnKLnKÆXn°bVV@bUVl°Un@LnaVJUbW@UX²l@ČwlVVIWnkÆa°anVKn°UW¯@aVUVk@Un@aV@ValwUanmWUk@WVUUanaVwnLVl°@nk@mVU@UVK@wLVKVU@K@UUKVUV@@bnLaVaôlIXmlKX_°KVV@bVV@zV`kblIVUlL@bnV@VĊllVlIXW@kaU²blKVnIlJalbXXlWVn°JnnL@l@XlJlaX@XW²@l_VmnKUblU@mnkVK¯@U@ma@kX¥VmakkLa@a@WIUUVXWWnk@a°a@kkm@kUUmJm@WUUUIk`m@VkaWWkXKmXk¯@WKLkak@±bw@aa@aka@ma¯@LKÇÅkKWbkmġ±ÅULUKVVkm¯LUVVbUwUW¯bmULxWJ@klmkUm@@KnwVkVK@akw@@a¯bKknVUIb¯mmbk@UbmKUL@xUU@klmLUlVXIVVVUVUU`mLXVWbXnW`Å²°xmxU@mĉwU@mbU@UmbkVW¦kJ@X@`¯Im@UlUVVnb@bWJXnmbJUUUUa@UamIkax@@x@b',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113614, 39657]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1411',
			
 
				+              properties: { name: '吕梁市', cp: [111.3574, 37.7325], childNum: 13 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@a@w@wlbnJVb@VbVVVInaWmXI@aaUmVUVkn@°J@_W@lIX¥lUnaVV@naV@xĊnV@wn¯wÆ±X_WmXaWUnKV_VVUUUUWJkUVnKlk¯@@kmKUaÅ±KkU@WmI@WUIlUUmVwXw@UlUVwV@LnbW@anU@UaVkô@l»n@naJnUÈLVaÆUUVmVKV²L@mU_lK@UVWkUa@a@U¯aUaÑóÑUbKk@@ak¯mVaUwVÑkWUmK@UUKmXUWÝwUaLUU@aWJUUU@UaÝU@WL@VKVaVI@WnU@alIVK@kImIkJ@m@@@_K@x@kaW@U@Vmn@UK@mIJUXV¤XXWlkKkkK@XmJVakImJU@ó¯LWKUV@nUVLkxmKkLma@kXKmmLabLmK@V@mXVÆUxX@`nLaV@@VmLUVnLlLb@°²nx@bVUxlb@V¯bUV@zVXVĊXVx@lVn@VnnmU@LlJXVz¯VWVXbV@bmnVUVkÇþÅ@XVxmbUlVUlnW@Xl@VLXÒ@bÞJ°¦Lò@nUb@°X@XbmVUVnb@xx',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113614, 39657]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1410',
			
 
				+              properties: { name: '临汾市', cp: [111.4783, 36.1615], childNum: 17 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@nW@@UnLKabKnnWL@lnblKnLlwKVU@mVUXL°KôV@nIlJUbnI@WlLllLXkWWU£VWInJ@VL@nm@UVX@lb@@wL@`@n@V@lw@nVmVXWmwnUla@_lKwVlUn°xVKVXXWlUVVI@K@Kn°KwlVlU@kna@V_WnmUVm@kXml_@mLlKXw°m@_ôJVUV@Xl@UaV@Va°Ilk»VwUkVmwUmmVn@V¯@KUwmK@U¯wUVÝ@mJUnWK@@UnKVa_lykUmKÛnm@x@UUlwVkXW@a@U@@K@kIVnammVakUl@wX@@k¯@VVbml@°UbULmlVbnbÅK±VKVXUJWa@ULWaUU@@U@aWK@UkxUKLUUUJ±UkL@V±kk@kam@UV@l@LWl@n@VVUxLlUUx@VUVU@aIUlL@°mLUbkUUaWUUaUU@aWKLWJ@bUL@VUVVbU@m@a@kmKmnĉlUKXWUblbxmIkU@xWb@lkVxLXmzVV@bklVVUzm@bk@Vx@xlU@lUbVnl@Wxnl@n@UbVmLmb@`X@lUX@@xlnkLWaUJnnWVVn@l@bULVV@lV@XnJVX',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113063, 37784]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1407',
			
 
				+              properties: { name: '晋中市', cp: [112.7747, 37.37], childNum: 11 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@lInJlJ@ULkJ@bmV@XUJUbL@UXKV@ÞVbV@VVXI@bVVKVbÞxVXnWVL@VnLVlXÒUVxUb°nl@bl@LVaôÒÒVb°b@VnLnnV@lmn@lbUV@JUVVXkl@lUzmJ@xXklbUnJVUbnUlbV@nlLX@lakV`Ub°@XVJnUL²KlxnI@KV@lbUbVVKnVl@zlm@U@nI@WUaVl@@mVU@XkW@nkVKV_Vwy@knwVa@XalU@Vnml@X@VLKVaÞbnnlJImVKnVVVInVlU@m@mXK@UmyUI@mWUUakamw@wUwmLkakwVmKw@wUam£y@am_W@UU@knmmamU@WUa@knw@UUUUV@nJm@mVUkKVUUUkKmwKULKUImV@lUnnm@mbUK@°bUnmbUmkkWUb@am@UXkK@a±@V@ĉÅVUXVxUVkLWl¯@@bULUlm@@nm`XlWakIkmVUbUL@Vm@kI@@Km@VaXI@W@aU@kUVU_KbJkkÇb@nkKmLwÅW@kVUUVU@WUIJmIXmma@_kyVaUUlkUm@kUx¯Lm@L@LUJUkVWXUWUL¯wVmUkxkL@`bkmVnxXUWUnm@kxU@',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114087, 37682]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1408',
			
 
				+              properties: { name: '运城市', cp: [111.1487, 35.2002], childNum: 13 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@VlnJwkaVaXWVLĊknmnLl@@bnV@UaVU@UVK@aXIKXL@bVVVbXVVblVaVnK@¯KVkJ@bVVU@UVwkVKVwUUm@@Xk@K@kVUn@lbl@²l@UlK²VVIVVKVLlw@VXL@b@VV@VXbVK@XbVIUWLU²ÆLmaUankVKVa¯@nkUaU°@n@@kWaUVaXUW@IXKVw@UWU@W@@UUU@mn@`m@UUULkUmJIU@@UK@U@anak_@wmKUwmakVkmKVk¯bw`kwUIÇx¯»ÇaÅmn@@mmUkV@wkKW@kxmLUkĉLÝkxÝw¯lóVUmV@ĀVVX¦W¤kz@`Vx°²ĸ@Ul@xêĸǊ°¤VVlXLWnXxmV@nUl@',
			
 
				+                ],
			
 
				+                encodeOffsets: [[113232, 36597]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1402',
			
 
				+              properties: { name: '大同市', cp: [113.7854, 39.8035], childNum: 8 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@²£yl@ČĖ@bĸĢbĸXaKŤnn@ŎôllÈxnVnÞÇV@bnXllL°KbVb@J@b@UxlKXLlKlXk@UlkJlkUVKXUÇVIVm@_nÇLalwVnU@UUwma@aaÝaLmUk@@W@U@@XwVWÝUUUk@@VmLKV»nwUwaUL@`mzJUIVUaUwKUaVIlJôanÑlLVUn@a@VV@@UUwVK°Vn_lJÆLéW@UUUÅ@»lm@aÞIVwXWUUkkm@U@aU@mwU£VWU_kWmXwW_°yUkkK@UÇK@kkUVymóKU@KWIbUak@mJ@bkbmLkUmkVUW¦@lnb@@V°ULml@nkVaVmLUnk`±@XWW@kbÇ¦X¯WxI@xmbmxXlWV@bÅUz@Jb@bÞbU@Wbk@xk@WX¯VÛWÝbÝUkVUU@alI@a@akLWam@U¯UUmÇL@K@aU@¯VUkKmX@`@kJ@nVUb@lbVÆXVWULU`VbkLUV@XWl@bXJ@VbV@Vl',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115335, 41209]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1404',
			
 
				+              properties: { name: '长治市', cp: [112.8625, 36.4746], childNum: 12 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@UkLky@IJVa@mÞaWy@_W@_WXVlUVw@nw°K@mUVamVkU@mmmnLVUmKXaU@IlKVUnK@UmWkX@WV_V@akU@aKWIXyIUVmUnUa@WaXUVKVmkUWVkULU@@VbKbIUm@mbVLxWUUkn±V¯wbÅJUbmLkbmKÅKbVnUbVKUbKUbmLKmbaKkUm@UnnVnxUVlUxl¼k¯JUbU@Vbk@WU@UVóI@`¯nWxkLK@nk`Wn@lUnVnmXU`@mb@lkV@VnklVVUblz@`nbWnnJIVJ@XUVVUV@lÆXxnKlL@maÈllIaLV`UlVV@@b@XJWUb@n@L@lJn@@UVKVaUlnlJXbkWn_@mn@VkVK@a°@XklKVUUwVWUĊÆ@U²@@blLVWn@@bVaXllVnnaVma@¯VLnan@mVm@knUVJ',
			
 
				+                ],
			
 
				+                encodeOffsets: [[116269, 37637]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1406',
			
 
				+              properties: { name: '朔州市', cp: [113.0713, 39.6991], childNum: 5 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@XXWVXVWnnlnn@èÆ¼@xlVnblVÈUVl@blnLÜĊmUkU@Ua@WI@aXk@WVUlKUaV_VKXWUUÅka@VaU@mlI@@_nWLVl°UV@@b@LÈKVn°V@VnXblK@b@bkJ@bVVlUÞVÞaXÜ°UXWl@wl@XaV@Ýa@aa@IVyÆ@aXUWknwna@wJXw°WÈ¥kI@W@kmKm¯IUmkXWWkabkImJUkL±aVb@lWXkJUkĉk@UmU@aKkVUkJlaU_y@UU@aUU¯LW`kLWnkJóbUbmK@aU@UVVL@VL@UVULK@xUL@VUV@nml¯@UkmKUxmbVbUV@XlXVmnVbkxUbU@bm@@VUlUVb°@VX¯m',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114615, 40562]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1405',
			
 
				+              properties: { name: '晋城市', cp: [112.7856, 35.6342], childNum: 6 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@lVLbanLnKVaLVaLUVaUmaÆLnLlanKVaÆIa°x²UlmVVXwUKna@VnJaLa@UV@@alUkKVKnkmmVwUkw@@kxWUXW@@mk@aUa@a¯aLkKmwkUm@kL@K@aWIXmVXWkUVakL@UVKw@aUK@UUKmLU@¯nKUwVUIWJUWmka@UXJk@UkmW@kLWKVx@bmI@VUaVU@a¯@UUmVKmX@±`kÝKVxUL±akL@VbLkKmV@XWVUbVXb@lm@@lW@@xklVUbnnmbUlJ@@L@@Vb@WXUlkxVV@wn@ÜmnLlVkz`UbmL@V@XLmVnIÞ@VU°x@VnLxV@LU°',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115223, 36895]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1401',
			
 
				+              properties: { name: '太原市', cp: [112.3352, 37.9413], childNum: 5 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@@VV@wVKnLVal@na°naVJUlmL°a@b@lx@bULUlmx@Ln@lVknl@XIwKVn°aVXVxUaVU°KnUlUVLKÆV²ĢlnXalLÈÆLKUaVkUanmWUa@WwkUWU¯y¯Ñ@anIl@@aVUmIymULUUVakaU@@LmJkw±LKmVUI@W¯VaU_lkbW@kK@mUkaVmVaUIVmalkW@wnIVy@klkWUUVI@UVkam@knU@mmmK@bblVUX@VkLV`@n±KUULUnVVÅUbÇKmVImbm@k¼ó@Ulb@VmV@bXmaK@UUxkVV@xWUxVnkVVJ@XnJ@XlV²LÆVbnL@l@°',
			
 
				+                ],
			
 
				+                encodeOffsets: [[114503, 39134]],
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'Feature',
			
 
				+              id: '1403',
			
 
				+              properties: { name: '阳泉市', cp: [113.4778, 38.0951], childNum: 3 },
			
 
				+              geometry: {
			
 
				+                type: 'Polygon',
			
 
				+                coordinates: [
			
 
				+                  '@@°@nb@lb@bbb@x²al@lbKXU@mkUWkkmUUVwV@XUW@naVklKXblKnLnLVanImaXKlLaV@U@KUKWalXK@£WKXUV@VUUUVW_V@W@@K@UIWmXUmULnJkImmÝaUbLK@UWk@mnU@kVWb@Ubmx@lzUx`UULml@XWl@UV@nk@UVb@XJm@@Vknyk@zJnUV@bk@mJ@b°Ò°zXVlVXx@bXVmnVbUlVb',
			
 
				+                ],
			
 
				+                encodeOffsets: [[115864, 39336]],
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          UTF8Encoding: true,
			
 
				+        })
			
 
				+        var mapFeatures = echarts.getMap(this.mapName).geoJson.features
			
 
				+        mapFeatures.forEach(v => {
			
 
				+          // 地区名称
			
 
				+          var name = v.properties.name
			
 
				+          // 地区经纬度
			
 
				+          this.geoCoordMap[name] = v.properties.cp
			
 
				+        })
			
 
				+  
			
 
				+        myChart.setOption({
			
 
				+          tooltip: {
			
 
				+            padding: 15,
			
 
				+            enterable: true,
			
 
				+            transitionDuration: 1,
			
 
				+            formatter: (params, ticket, callback) => {
			
 
				+              let tipHtml = `
			
 
				+                <div class="tooltip-cont">
			
 
				+                  <p>新开工：<span>工程建设项目</span></p>
			
 
				+                  <p>总投资额：<span>${params.data.value}亿</span></p>
			
 
				+                  <p>当前阶段：<span>可论证阶段</span></p>
			
 
				+                  <p>时间节点：<span>2021.10-2022.10</span></p>
			
 
				+              </div>`
			
 
				+              return tipHtml
			
 
				+            },
			
 
				+          },
			
 
				+          visualMap: {
			
 
				+            min: 0,
			
 
				+            max: 300,
			
 
				+            right: 0,
			
 
				+            bottom: 0,
			
 
				+            text: ['高', '低'],
			
 
				+            textStyle: {
			
 
				+              color: '#f1f1f1'
			
 
				+            },
			
 
				+            realtime: false,
			
 
				+            calculable: true,
			
 
				+            inRange: {
			
 
				+              color: ['lightskyblue', '#2754b7']
			
 
				+            }
			
 
				+          },
			
 
				+          geo: {
			
 
				+            show: true,
			
 
				+            map: 'shanxi',
			
 
				+            layoutCenter: ['50%', '50%'], //地图位置
			
 
				+            layoutSize: '100%',
			
 
				+            label: {
			
 
				+              normal: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              emphasis: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+            },
			
 
				+            roam: false,
			
 
				+            itemStyle: {
			
 
				+              normal: {
			
 
				+                areaColor: '#1946a8',
			
 
				+                shadowColor: '#1946a8',
			
 
				+                borderWidth: 1, //设置外层边框
			
 
				+                borderColor: '#1946a8',
			
 
				+                shadowOffsetX: 10,
			
 
				+                shadowOffsetY: 5,
			
 
				+                shadowBlur: 2,
			
 
				+              },
			
 
				+              emphasis: {
			
 
				+                areaColor: '#1946a8',
			
 
				+                borderColor: '#d4bc1d',
			
 
				+                borderWidth: 2, //设置外层边框
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '散点',
			
 
				+              type: 'scatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              data: this.convertData(data),
			
 
				+              symbolSize: function (val) {
			
 
				+                return 10
			
 
				+              },
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: '{b}',
			
 
				+                  position: [10, 10],
			
 
				+                  fontSize: 15,
			
 
				+                  fontWeight: 600,
			
 
				+                  fontStyle: 'italic',
			
 
				+                  color: '#fff',
			
 
				+                  show: true,
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                },
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#000',
			
 
				+                  borderWidth: 2,
			
 
				+                  borderColor: '#fff',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+            {
			
 
				+              type: 'map',
			
 
				+              map: this.mapName,
			
 
				+              geoIndex: 0,
			
 
				+              aspectScale: 0.75, //长宽比
			
 
				+              showLegendSymbol: true, // 存在legend时显示
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  show: true,
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  show: false,
			
 
				+                  textStyle: {
			
 
				+                    color: '#fff',
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              roam: true,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  areaColor: '#031525',
			
 
				+                  borderColor: '#3B5077',
			
 
				+                },
			
 
				+                emphasis: {
			
 
				+                  areaColor: '#2B91B7',
			
 
				+                },
			
 
				+              },
			
 
				+              animation: false,
			
 
				+              data: data,
			
 
				+            },
			
 
				+            {
			
 
				+              name: '点',
			
 
				+              type: 'scatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              zlevel: 6,
			
 
				+            },
			
 
				+            {
			
 
				+              name: 'Top 5',
			
 
				+              type: 'effectScatter',
			
 
				+              coordinateSystem: 'geo',
			
 
				+              data: this.convertData(
			
 
				+                data
			
 
				+                  .sort(function (a, b) {
			
 
				+                    return b.value - a.value
			
 
				+                  })
			
 
				+                  .slice(0, 5)
			
 
				+              ),
			
 
				+              symbolSize: function (val) {
			
 
				+                return 15
			
 
				+              },
			
 
				+              showEffectOn: 'render',
			
 
				+              rippleEffect: {
			
 
				+                brushType: 'stroke',
			
 
				+              },
			
 
				+              hoverAnimation: true,
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: '{b}',
			
 
				+                  position: 'left',
			
 
				+                  show: false,
			
 
				+                },
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: 'yellow',
			
 
				+                  shadowBlur: 10,
			
 
				+                  shadowColor: 'yellow',
			
 
				+                },
			
 
				+              },
			
 
				+              zlevel: 1000,
			
 
				+            },
			
 
				+            {
			
 
				+              name: '线路',
			
 
				+              type: 'lines',
			
 
				+              zlevel: 2,
			
 
				+              effect: {
			
 
				+                show: true,
			
 
				+                period: 4, //箭头指向速度，值越小速度越快
			
 
				+                trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重
			
 
				+                symbol: 'arrow', //箭头图标
			
 
				+                symbolSize: 5, //图标大小
			
 
				+              },
			
 
				+              lineStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#00FFFF',
			
 
				+                  width: 1,
			
 
				+                  type: 'dashed',
			
 
				+                  opacity: 0.5, //尾迹线条透明度
			
 
				+                  curveness: -0.3, //尾迹线条曲直度
			
 
				+                },
			
 
				+              },
			
 
				+              data: moveLine.normal,
			
 
				+            },
			
 
				+          ],
			
 
				+        })
			
 
				+      },
			
 
				+      initChartL1 () {
			
 
				+        let myChart = echarts.init(document.getElementById("echartL1"));
			
 
				+        let option = {
			
 
				+          grid: {
			
 
				+            top: 35,
			
 
				+            right: 40,
			
 
				+            left: 60,
			
 
				+            bottom: 40,
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            show: true,
			
 
				+            trigger: "axis",
			
 
				+            axisPointer: {
			
 
				+              // 坐标轴指示器，坐标轴触发有效
			
 
				+              type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: ["山西焦煤", "晋能控股", "华阳新材", "潞安化工", "华新燃气", "太重集团", "国际能源", "华远陆港", "水控集团", "文旅集团", "交控集团", '航产集团', '山西建投', '汾酒集团', '大地控股', '云时代', '华舰体育', '神农科技'],
			
 
				+            axisTick: {
			
 
				+              show: false,
			
 
				+            },
			
 
				+            // x轴的字体颜色
			
 
				+            axisLabel: {
			
 
				+              rotate: 40,
			
 
				+              textStyle: {
			
 
				+                color: "white",
			
 
				+              },
			
 
				+            },
			
 
				+            //y轴线的颜色以及宽度
			
 
				+            axisLine: {
			
 
				+              show: true,
			
 
				+              lineStyle: {
			
 
				+                color: "#1E5389",
			
 
				+                width: 1,
			
 
				+                type: "solid",
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: {
			
 
				+            name: '亿元',
			
 
				+            nameTextStyle: {//y轴上方单位的颜色
			
 
				+              color: '#fff',
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              lineStyle: {
			
 
				+                color: "#18416F",
			
 
				+              },
			
 
				+            },
			
 
				+            // y轴的字体颜色
			
 
				+            axisLabel: {
			
 
				+              textStyle: {
			
 
				+                color: "white",
			
 
				+              },
			
 
				+            },
			
 
				+            splitLine: {
			
 
				+              show: true,
			
 
				+              lineStyle: {
			
 
				+                color: "#204561",
			
 
				+                width: 1,
			
 
				+                type: "dotted",
			
 
				+              },
			
 
				+            },
			
 
				+            //y轴线的颜色以及宽度
			
 
				+            axisLine: {
			
 
				+              show: true,
			
 
				+              lineStyle: {
			
 
				+                color: "#1E5389",
			
 
				+                width: 1,
			
 
				+                type: "solid",
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            // {
			
 
				+            //   name: "2022年额度",
			
 
				+            //   type: "bar",
			
 
				+            //   data: [263.23, 402.18, 73.28, 144.80, 25.56, 8.23, 0, 12.97, 8.56, -1.72, 0, 0, 0, 76.90, 5.03, 9.14, 0, 0],
			
 
				+            //   showBackground: false,
			
 
				+            //   backgroundStyle: {
			
 
				+            //     color: "#18416F",
			
 
				+            //   },
			
 
				+            //   barWidth: "10%",
			
 
				+            //   itemStyle: {
			
 
				+            //     barBorderRadius: [10, 10, 0, 0],
			
 
				+            //     color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
			
 
				+            //       {
			
 
				+            //         offset: 0,
			
 
				+            //         color: '#082550',
			
 
				+            //       },
			
 
				+            //       {
			
 
				+            //         offset: 1,
			
 
				+            //         color: '#69c0ff',
			
 
				+            //       },
			
 
				+            //     ]),
			
 
				+            //   },
			
 
				+            // },
			
 
				+            {
			
 
				+              name: "2023年额度",
			
 
				+              type: "bar",
			
 
				+              data: [259.91, 400.49, 97.65, 128.96, 24.84, 7.79, 16.15, 16.18, 6.83, 0.00, 33.49, 0.00, 43.39, 76.53, 5.05, 8.59, 0.00, 0.28],
			
 
				+              showBackground: false,
			
 
				+              backgroundStyle: {
			
 
				+                color: "#18416F",
			
 
				+              },
			
 
				+              barWidth: "10%",
			
 
				+              itemStyle: {
			
 
				+                barBorderRadius: [10, 10, 0, 0],
			
 
				+                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
			
 
				+                  {
			
 
				+                    offset: 0,
			
 
				+                    color: '#082550',
			
 
				+                  },
			
 
				+                  {
			
 
				+                    offset: 1,
			
 
				+                    color: '#957DFF',
			
 
				+  
			
 
				+                  },
			
 
				+                ]),
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          legend: {
			
 
				+            // data: ["2022年额度", "2023年额度"],
			
 
				+            data: ["2023年额度"],
			
 
				+            textStyle: {
			
 
				+              // 图列内容样式
			
 
				+              color: "#fff", // 字体颜色
			
 
				+              // fontSize: "10",
			
 
				+            },
			
 
				+            right: 'center',
			
 
				+            icon: "roundRect",
			
 
				+            // 小图标的宽高
			
 
				+            itemHeight: 5,
			
 
				+          },
			
 
				+        };
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+        let that = this
			
 
				+        myChart.on('click', function (param) {
			
 
				+          console.log(param)
			
 
				+          if (param.name == '晋能控股') {
			
 
				+            that.showTip2 = true
			
 
				+            setTimeout(() => {
			
 
				+              // that.initChartR4()
			
 
				+              // that.initChartR5()
			
 
				+              that.initChartL2b()
			
 
				+            })
			
 
				+          }
			
 
				+        })
			
 
				+        myChart.setOption(option);
			
 
				+      },
			
 
				+      initChartL2b () {
			
 
				+        let myChart = echarts.init(this.$refs['echartL2b'])
			
 
				+        var value = 0.0749;
			
 
				+        var data = [value];
			
 
				+        let option = {
			
 
				+          backgroundColor: 'transparent',
			
 
				+          title: [
			
 
				+            {
			
 
				+              // text: '总额度285.48亿',
			
 
				+              // formatter: `<span>总额度</span>285.48亿`,
			
 
				+              x: '37%',
			
 
				+              y: '80%',
			
 
				+              textStyle: {
			
 
				+                fontSize: 24,
			
 
				+                fontWeight: 'bold',
			
 
				+                color: '#2CB7E0',
			
 
				+                lineHeight: 16,
			
 
				+                textAlign: 'center',
			
 
				+              },
			
 
				+            }
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              type: 'liquidFill',
			
 
				+              radius: '70%',
			
 
				+              center: ['50%', '40%'],
			
 
				+              color: [
			
 
				+                {
			
 
				+                  type: 'linear',
			
 
				+                  x: 0,
			
 
				+                  y: 0,
			
 
				+                  x2: 0,
			
 
				+                  y2: 1,
			
 
				+                  colorStops: [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#446bf5',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#2ca3e2',
			
 
				+                    },
			
 
				+                  ],
			
 
				+                  globalCoord: false,
			
 
				+                },
			
 
				+              ],
			
 
				+              data: [value, value], // data个数代表波浪数
			
 
				+              backgroundStyle: {
			
 
				+                borderWidth: 1,
			
 
				+                color: 'RGBA(51, 66, 127, 0.7)',
			
 
				+              },
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: function (data) {
			
 
				+                    return (data.value * 100).toFixed(2) +'%'
			
 
				+                  },
			
 
				+                  textStyle: {
			
 
				+                    fontSize: 30,
			
 
				+                    color: '#fff',
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              outline: {
			
 
				+                // show: false
			
 
				+                borderDistance: 0,
			
 
				+                itemStyle: {
			
 
				+                  borderWidth: 2,
			
 
				+                  borderColor: 'transparent',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+      },
			
 
				+      initChartL2 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartL2'])
			
 
				+        var value = 0.067;
			
 
				+        var data = [value];
			
 
				+        let option = {
			
 
				+          backgroundColor: 'transparent',
			
 
				+          title: [
			
 
				+            {
			
 
				+              // text: '总额度285.48亿',
			
 
				+              // formatter: `<span>总额度</span>285.48亿`,
			
 
				+              x: '37%',
			
 
				+              y: '80%',
			
 
				+              textStyle: {
			
 
				+                fontSize: 24,
			
 
				+                fontWeight: 'bold',
			
 
				+                color: '#2CB7E0',
			
 
				+                lineHeight: 16,
			
 
				+                textAlign: 'center',
			
 
				+              },
			
 
				+            }
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              type: 'liquidFill',
			
 
				+              radius: '70%',
			
 
				+              center: ['50%', '40%'],
			
 
				+              color: [
			
 
				+                {
			
 
				+                  type: 'linear',
			
 
				+                  x: 0,
			
 
				+                  y: 0,
			
 
				+                  x2: 0,
			
 
				+                  y2: 1,
			
 
				+                  colorStops: [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#446bf5',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#2ca3e2',
			
 
				+                    },
			
 
				+                  ],
			
 
				+                  globalCoord: false,
			
 
				+                },
			
 
				+              ],
			
 
				+              data: [value, value], // data个数代表波浪数
			
 
				+              backgroundStyle: {
			
 
				+                borderWidth: 1,
			
 
				+                color: 'RGBA(51, 66, 127, 0.7)',
			
 
				+              },
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  formatter: function (data) {
			
 
				+                    return (data.value * 100).toFixed(2) +'%'
			
 
				+                  },
			
 
				+                  textStyle: {
			
 
				+                    fontSize: 30,
			
 
				+                    color: '#fff',
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              outline: {
			
 
				+                // show: false
			
 
				+                borderDistance: 0,
			
 
				+                itemStyle: {
			
 
				+                  borderWidth: 2,
			
 
				+                  borderColor: 'transparent',
			
 
				+                },
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+      },
			
 
				+      initChartL3 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartL3'])
			
 
				+        option = {
			
 
				+          tooltip: {
			
 
				+            trigger: 'axis',
			
 
				+            formatter: '指标：' + '{c0}' + '<br/>' + '发展线：' + '{c1}' + '<br/>' + '生存线：' + '{c2}',  //+ '<br/>'+ '{a1}：{c1}' + '%',
			
 
				+            axisPointer: {
			
 
				+              type: 'shadow',
			
 
				+            },
			
 
				+          },
			
 
				+          grid: {
			
 
				+            top: '10%',
			
 
				+            right: '5%',
			
 
				+            left: '10%',
			
 
				+            bottom: '15%',
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            // data: ['总投资收益率', '销售利润率', '成本费用利润率', '总资产周转率', '财务内部收益率'],
			
 
				+            data: dataType[this.countType],
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: true, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              rotate: 15,
			
 
				+              textStyle: {
			
 
				+                color: 'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+                fontSize: 12,
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          yAxis: [
			
 
				+            {
			
 
				+              type: 'value',
			
 
				+              splitLine: {
			
 
				+                show: true,
			
 
				+                lineStyle: {
			
 
				+                  color: '#68b4dd66',
			
 
				+                  type: 'dashed',
			
 
				+                },
			
 
				+              },
			
 
				+              axisLine: {
			
 
				+                show: false
			
 
				+              },
			
 
				+              axisLabel: {
			
 
				+                show: true,
			
 
				+                formatter: '{value}',
			
 
				+                textStyle: {
			
 
				+                  color: 'rgba(250,250,250,0.6)',
			
 
				+                },
			
 
				+              },
			
 
				+              nameTextStyle: {
			
 
				+                color: '#ebf8ac',
			
 
				+                fontSize: 16,
			
 
				+              },
			
 
				+            },
			
 
				+          ],
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '实际值',
			
 
				+              type: 'bar',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: '#082550',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              // data: [70, 52, 33, 41, 52],
			
 
				+              data: dataList[this.count + 1][2]
			
 
				+              // markLine: {
			
 
				+              //   symbol: ['none', 'none'],
			
 
				+              //   data: [
			
 
				+              //     {
			
 
				+              //       name: '生存线',
			
 
				+              //       yAxis: 10,
			
 
				+              //       lineStyle: {
			
 
				+              //         color: '#FF8F0A',
			
 
				+              //       },
			
 
				+              //       label: {
			
 
				+              //         formatter: '{b}',
			
 
				+              //         position: 'middle',
			
 
				+              //         color: '#FF8F0A',
			
 
				+              //         fontSize: 12,
			
 
				+              //       },
			
 
				+              //     },
			
 
				+              //     {
			
 
				+              //       name: '发展线',
			
 
				+              //       yAxis: 15,
			
 
				+              //       lineStyle: {
			
 
				+              //         color: '#00EEA2',
			
 
				+              //       },
			
 
				+              //       label: {
			
 
				+              //         formatter: '{b}',
			
 
				+              //         position: 'middle',
			
 
				+              //         color: '#00EEA2',
			
 
				+              //         fontSize: 12,
			
 
				+              //       },
			
 
				+              //     },
			
 
				+              //   ],
			
 
				+              //   label: {
			
 
				+              //     distance: [50, 0],
			
 
				+              //   },
			
 
				+              // },
			
 
				+            },
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'line',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: 'green',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              // data: [20, 30, 15, 28, 36],
			
 
				+              data: dataList[this.count + 1][1]
			
 
				+            },
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'line',
			
 
				+              barWidth: 15,
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
			
 
				+                    {
			
 
				+                      offset: 0,
			
 
				+                      color: '#69c0ff',
			
 
				+                    },
			
 
				+                    {
			
 
				+                      offset: 1,
			
 
				+                      color: 'yellow',
			
 
				+                    },
			
 
				+                  ]),
			
 
				+                },
			
 
				+              },
			
 
				+              // data: [15, 22, 17, 33, 14],
			
 
				+              data: dataList[this.count + 1][0]
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+  
			
 
				+        myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+      },
			
 
				+      initChartL4 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [173.43, 129], name: '煤炭' },
			
 
				+        //   { value: [23.10, 2], name: '火电' },
			
 
				+        //   { value: [22.87, 8], name: '冶金' },
			
 
				+        //   { value: [9.71, 5], name: '焦化' },
			
 
				+        //   { value: [8.35, 6], name: '其他传统产业' }
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+  
			
 
				+        // let myChart = echarts.init(this.$refs['echartL4'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '传统产业分析',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '0%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     orient: 'horizontal',
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       // radius: ['0%', '70%'],
			
 
				+        //       radius: ['50%', '65%'],
			
 
				+        //       center: ['50%', '55%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data,
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+
			
 
				+         //   { value: [173.43, 129], name: '煤炭' },
			
 
				+        //   { value: [23.10, 2], name: '火电' },
			
 
				+        //   { value: [22.87, 8], name: '冶金' },
			
 
				+        //   { value: [9.71, 5], name: '焦化' },
			
 
				+        //   { value: [8.35, 6], name: '其他传统产业' }
			
 
				+
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '煤炭',
			
 
				+                y: 294.61,
			
 
				+                num: 95,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '火电',
			
 
				+                y: 39.24,
			
 
				+                num: 1,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '冶金',
			
 
				+                y: 38.85,
			
 
				+                num: 6,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '焦化',
			
 
				+                y: 16.49,
			
 
				+                num: 4,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '其他传统产业',
			
 
				+                y: 14.19,
			
 
				+                num: 5,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this     
			
 
				+
			
 
				+        var option = {
			
 
				+            colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+            chart: {
			
 
				+                type: 'pie',
			
 
				+                backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                options3d: {
			
 
				+                    enabled: true,
			
 
				+                    alpha: 45,
			
 
				+                    //beta: 0
			
 
				+                },
			
 
				+                events: {
			
 
				+                    // load，图表加载完成时触发
			
 
				+                    load: function () {
			
 
				+                        var chart = this;
			
 
				+            
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                        
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '传统产业分析'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                                i = 0;
			
 
				+                            }
			
 
				+                        }, 2000);
			
 
				+                    },
			
 
				+                    legendItemClick : function(event) {
			
 
				+                        console.log(event);
			
 
				+                        return true;
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            credits: {
			
 
				+                enabled: false  //去掉hightchats水印
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: '传统产业分析',
			
 
				+                style:{
			
 
				+                    color: 'rgba(255,255,255,0.6)',
			
 
				+                    fontSize:12,
			
 
				+                }
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                crosshairs: true,
			
 
				+                backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                // positioner: function(e){
			
 
				+                //   console.log(e, this)
			
 
				+                // },
			
 
				+                useHTML: true, //开启html模式
			
 
				+                style: {
			
 
				+                    color:'#fff',
			
 
				+                },
			
 
				+                formatter: function(e){
			
 
				+                    //console.log(this)
			
 
				+                    let num = chartData[this.colorIndex].num
			
 
				+                    this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                    return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                },
			
 
				+            //pointFormat: 
			
 
				+            },
			
 
				+            plotOptions: {
			
 
				+                pie: {
			
 
				+                    allowPointSelect: true,
			
 
				+                    showInLegend:  false, // 图例
			
 
				+                    cursor: 'pointer',
			
 
				+                    size: 160,
			
 
				+                    innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                    depth: 25, //立体高度
			
 
				+                    slicedOffset: 21, //动画距离
			
 
				+                    dataLabels: {
			
 
				+                    enabled: false,  // 是否展示指示线
			
 
				+                    format: '{point.name}: {point.percentage}'
			
 
				+                    }
			
 
				+                },
			
 
				+            },
			
 
				+            series: [{
			
 
				+                type: 'pie',
			
 
				+                name: '占比',
			
 
				+                //center: ['35%','50%'],
			
 
				+                point: {
			
 
				+                    events:{
			
 
				+                        click:function(e){ //点击事件
			
 
				+                            that.showTip3 = true
			
 
				+                            that.echartTitle = '传统产业分析'
			
 
				+                            setTimeout(() => {
			
 
				+                                that.initChartT1(chartData)
			
 
				+                            })
			
 
				+                        },
			
 
				+                        mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                            //console.log(e) 
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                                chartData[e.target.index].sliced = true
			
 
				+                                chartData[e.target.index].selected = true
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                        events:{
			
 
				+                                            click:function(e){
			
 
				+                                                that.showTip3 = true
			
 
				+                                                that.echartTitle = '传统产业分析'
			
 
				+                                                setTimeout(() => {
			
 
				+                                                    that.initChartT1(chartData)
			
 
				+                                                })
			
 
				+                                            }
			
 
				+                                        }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            timer && clearInterval(timer);
			
 
				+                        },
			
 
				+                        mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                            var points = chart.series[0].points;
			
 
				+                            var len = points.length;
			
 
				+                        
			
 
				+                            timer && clearInterval(timer);
			
 
				+                            timer = setInterval(function () {
			
 
				+                                autoTooltip(points[i]);
			
 
				+                                chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                                if(index == i){
			
 
				+                                    item.sliced = true
			
 
				+                                    item.selected = true
			
 
				+                                }
			
 
				+                                })
			
 
				+                                chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                    events:{
			
 
				+                                        click:function(e){
			
 
				+                                            that.showTip3 = true
			
 
				+                                            that.echartTitle = '传统产业分析'
			
 
				+                                            setTimeout(() => {
			
 
				+                                                that.initChartT1(chartData)
			
 
				+                                            })
			
 
				+                                        }
			
 
				+                                    }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                                })
			
 
				+                                i++;
			
 
				+                                if (i === len) {
			
 
				+                                    i = 0;
			
 
				+                                }
			
 
				+                            }, 2000);                
			
 
				+                        }
			
 
				+                    }
			
 
				+                },
			
 
				+                data: chartData
			
 
				+            }]
			
 
				+        }
			
 
				+
			
 
				+        var chart = Highcharts.chart('echartL4', option);
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+        
			
 
				+      },
			
 
				+      initChartL5 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [29.26, 102], name: '新一代信息技术' },
			
 
				+        //   { value: [59.11, 38], name: '高端装备制造' },
			
 
				+        //   { value: [3.96, 5], name: '新材料' },
			
 
				+        //   { value: [2.12, 7], name: '生物' },
			
 
				+        //   { value: [100.09, 79], name: '新能源' },
			
 
				+        //   { value: [15.48, 32], name: '节能环保' },
			
 
				+        //   { value: [3.00, 3], name: '相关服务业' },
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+        // let myChart = echarts.init(this.$refs['echartL5'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '战略性新兴产业',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '0%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       // radius: ['0%', '70%'],
			
 
				+        //       radius: ['50%', '65%'],
			
 
				+        //       center: ['50%', '55%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false,
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+
			
 
				+         //   { value: [29.26, 102], name: '新一代信息技术' },
			
 
				+        //   { value: [59.11, 38], name: '高端装备制造' },
			
 
				+        //   { value: [3.96, 5], name: '新材料' },
			
 
				+        //   { value: [2.12, 7], name: '生物' },
			
 
				+        //   { value: [100.09, 79], name: '新能源' },
			
 
				+        //   { value: [15.48, 32], name: '节能环保' },
			
 
				+        //   { value: [3.00, 3], name: '相关服务业' },
			
 
				+      //   var chartData = [
			
 
				+      //     {
			
 
				+      //         name: '新一代信息技术',
			
 
				+      //         y: 29.26,
			
 
				+      //         x: 75,
			
 
				+      //         sliced: false,
			
 
				+      //         selected: false,
			
 
				+      //     },
			
 
				+      //     {
			
 
				+      //       name: '高端装备制造',
			
 
				+      //       y: 100.41,
			
 
				+      //       x: 28,
			
 
				+      //       sliced: false,
			
 
				+      //       selected: false,
			
 
				+      //     },
			
 
				+      //     {
			
 
				+      //         name: '新材料',
			
 
				+      //         y: 6.72,
			
 
				+      //         x: 4,
			
 
				+      //         sliced: false,
			
 
				+      //         selected: false,
			
 
				+      //     },
			
 
				+      //     {
			
 
				+      //         name: '生物',
			
 
				+      //         y: 3.60,
			
 
				+      //         x: 58,
			
 
				+      //         sliced: false,
			
 
				+      //         selected: false,
			
 
				+      //     },
			
 
				+      //     {
			
 
				+      //         name: '新能源',
			
 
				+      //         y: 170.03,
			
 
				+      //         x: 58,
			
 
				+      //         sliced: false,
			
 
				+      //         selected: false,
			
 
				+      //     }
			
 
				+      // ]
			
 
				+
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '新一代信息技术',
			
 
				+                y: 29.26,
			
 
				+                num: 75,
			
 
				+                //x: 75,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '高端装备制造',
			
 
				+                y: 100.41,
			
 
				+                num: 28,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '新材料',
			
 
				+                y: 6.72,
			
 
				+                num: 4,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '生物',
			
 
				+                y: 3.60,
			
 
				+                num: 58,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '新能源',
			
 
				+                y: 170.03,
			
 
				+                num: 58,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '节能环保',
			
 
				+                y: 26.30,
			
 
				+                num: 24,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '相关服务业',
			
 
				+                y: 5.10,
			
 
				+                num: 2,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this     
			
 
				+
			
 
				+        var option = {
			
 
				+          colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39','#5783ab'],
			
 
				+          chart: {
			
 
				+              type: 'pie',
			
 
				+              backgroundColor: 'rgba(0,0,0,0)',
			
 
				+              options3d: {
			
 
				+                  enabled: true,
			
 
				+                  alpha: 45,
			
 
				+                  //beta: 0
			
 
				+              },
			
 
				+              events: {
			
 
				+                  // load，图表加载完成时触发
			
 
				+                  load: function () {
			
 
				+                      var chart = this;
			
 
				+          
			
 
				+                      var points = chart.series[0].points;
			
 
				+                      var len = points.length;
			
 
				+                      
			
 
				+                      timer && clearInterval(timer);
			
 
				+                      timer = setInterval(function () {
			
 
				+                          autoTooltip(points[i]);
			
 
				+                          chartData.forEach((item,index) => {
			
 
				+                          item.sliced = false
			
 
				+                          item.selected = false
			
 
				+                          if(index == i){
			
 
				+                              item.sliced = true
			
 
				+                              item.selected = true
			
 
				+                          }
			
 
				+                          })
			
 
				+                          chart.update({
			
 
				+                          series:[{
			
 
				+                              type: 'pie',
			
 
				+                              name: '占比',
			
 
				+                              point: {
			
 
				+                              events:{
			
 
				+                                  click:function(e){
			
 
				+                                      that.showTip3 = true
			
 
				+                                      that.echartTitle = '战略性新兴产业'
			
 
				+                                      setTimeout(() => {
			
 
				+                                          that.initChartT1(chartData)
			
 
				+                                      })
			
 
				+                                  }
			
 
				+                              }
			
 
				+                              },
			
 
				+                              data: chartData
			
 
				+                          }]
			
 
				+                          })
			
 
				+                          i++;
			
 
				+                          if (i === len) {
			
 
				+                              i = 0;
			
 
				+                          }
			
 
				+                      }, 2000);
			
 
				+                  },
			
 
				+                  legendItemClick : function(event) {
			
 
				+                      console.log(event);
			
 
				+                      return true;
			
 
				+                  }
			
 
				+              }
			
 
				+          },
			
 
				+          credits: {
			
 
				+              enabled: false  //去掉hightchats水印
			
 
				+          },
			
 
				+          title: {
			
 
				+              text: '战略性新兴产业',
			
 
				+              style:{
			
 
				+                  color: 'rgba(255,255,255,0.6)',
			
 
				+                  fontSize:12,
			
 
				+              }
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+              crosshairs: true,
			
 
				+              backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+              // positioner: function(e){
			
 
				+              //   console.log(e, this)
			
 
				+              // },
			
 
				+              useHTML: true, //开启html模式
			
 
				+              style: {
			
 
				+                  color:'#fff',
			
 
				+              },
			
 
				+              formatter: function(e){
			
 
				+                  //console.log(this)
			
 
				+                  let num = chartData[this.colorIndex].num
			
 
				+                  this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                  return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+              },
			
 
				+          //pointFormat: 
			
 
				+          },
			
 
				+          plotOptions: {
			
 
				+              pie: {
			
 
				+                  allowPointSelect: true,
			
 
				+                  showInLegend:  false, // 图例
			
 
				+                  cursor: 'pointer',
			
 
				+                  size: 160,
			
 
				+                  innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                  depth: 25, //立体高度
			
 
				+                  slicedOffset: 21, //动画距离
			
 
				+                  dataLabels: {
			
 
				+                  enabled: false,  // 是否展示指示线
			
 
				+                  format: '{point.name}: {point.percentage}'
			
 
				+                  }
			
 
				+              },
			
 
				+          },
			
 
				+          series: [{
			
 
				+              type: 'pie',
			
 
				+              name: '占比',
			
 
				+              //center: ['35%','50%'],
			
 
				+              point: {
			
 
				+                  events:{
			
 
				+                      click:function(e){ //点击事件
			
 
				+                          that.showTip3 = true
			
 
				+                          that.echartTitle = '战略性新兴产业'
			
 
				+                          setTimeout(() => {
			
 
				+                              that.initChartT1(chartData)
			
 
				+                          })
			
 
				+                      },
			
 
				+                      mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                          //console.log(e) 
			
 
				+                          chartData.forEach((item,index) => {
			
 
				+                              item.sliced = false
			
 
				+                              item.selected = false
			
 
				+                          })
			
 
				+                              chartData[e.target.index].sliced = true
			
 
				+                              chartData[e.target.index].selected = true
			
 
				+                          chart.update({
			
 
				+                              series:[{
			
 
				+                                  type: 'pie',
			
 
				+                                  name: '占比',
			
 
				+                                  point: {
			
 
				+                                      events:{
			
 
				+                                          click:function(e){
			
 
				+                                              that.showTip3 = true
			
 
				+                                              that.echartTitle = '战略性新兴产业'
			
 
				+                                              setTimeout(() => {
			
 
				+                                                  that.initChartT1(chartData)
			
 
				+                                              })
			
 
				+                                          }
			
 
				+                                      }
			
 
				+                                  },
			
 
				+                                  data: chartData
			
 
				+                              }]
			
 
				+                          })
			
 
				+                          timer && clearInterval(timer);
			
 
				+                      },
			
 
				+                      mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                          var points = chart.series[0].points;
			
 
				+                          var len = points.length;
			
 
				+                      
			
 
				+                          timer && clearInterval(timer);
			
 
				+                          timer = setInterval(function () {
			
 
				+                              autoTooltip(points[i]);
			
 
				+                              chartData.forEach((item,index) => {
			
 
				+                              item.sliced = false
			
 
				+                              item.selected = false
			
 
				+                              if(index == i){
			
 
				+                                  item.sliced = true
			
 
				+                                  item.selected = true
			
 
				+                              }
			
 
				+                              })
			
 
				+                              chart.update({
			
 
				+                              series:[{
			
 
				+                                  type: 'pie',
			
 
				+                                  name: '占比',
			
 
				+                                  point: {
			
 
				+                                  events:{
			
 
				+                                      click:function(e){
			
 
				+                                          that.showTip3 = true
			
 
				+                                          that.echartTitle = '战略性新兴产业'
			
 
				+                                          setTimeout(() => {
			
 
				+                                              that.initChartT1(chartData)
			
 
				+                                          })
			
 
				+                                      }
			
 
				+                                  }
			
 
				+                                  },
			
 
				+                                  data: chartData
			
 
				+                              }]
			
 
				+                              })
			
 
				+                              i++;
			
 
				+                              if (i === len) {
			
 
				+                                  i = 0;
			
 
				+                              }
			
 
				+                          }, 2000);                
			
 
				+                      }
			
 
				+                  }
			
 
				+              },
			
 
				+              data: chartData
			
 
				+          }]
			
 
				+      }
			
 
				+
			
 
				+        var chart = Highcharts.chart('echartL5', option);
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+      },
			
 
				+      initChartL6 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [25.82, 43], name: '化工' },
			
 
				+        //   { value: [17.36, 21], name: '煤层气' },
			
 
				+        //   { value: [0.04, 1], name: '文旅康养' },
			
 
				+        //   { value: [1.51, 7], name: '体育' },
			
 
				+        //   { value: [9.32, 5], name: '酿造' },
			
 
				+        //   { value: [71.12, 129], name: '建筑房地产' },
			
 
				+        //   { value: [9.11, 14], name: '农业' },
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+  
			
 
				+        // let myChart = echarts.init(this.$refs['echartL6'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '特色优势产业',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '0%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //     // position: ['30%', '87%'],
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       // radius: ['0%', '70%'],
			
 
				+        //       radius: ['50%', '65%'],
			
 
				+        //       center: ['50%', '55%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false,
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data,
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+
			
 
				+         //   { value: [25.82, 43], name: '化工' },
			
 
				+        //   { value: [17.36, 21], name: '煤层气' },
			
 
				+        //   { value: [0.04, 1], name: '文旅康养' },
			
 
				+        //   { value: [1.51, 7], name: '体育' },
			
 
				+        //   { value: [9.32, 5], name: '酿造' },
			
 
				+        //   { value: [71.12, 129], name: '建筑房地产' },
			
 
				+        //   { value: [9.11, 14], name: '农业' },
			
 
				+
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '化工',
			
 
				+                y: 43.86,
			
 
				+                num: 32,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '煤层气',
			
 
				+                y: 29.49,
			
 
				+                num: 16,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '文旅康养',
			
 
				+                y: 0.07,
			
 
				+                num: 1,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '体育',
			
 
				+                y: 2.57,
			
 
				+                num: 5,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '酿造',
			
 
				+                y: 15.83,
			
 
				+                num: 4,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '建筑房地产',
			
 
				+                y: 120.81,
			
 
				+                num: 96,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '农业',
			
 
				+                y: 15.47,
			
 
				+                num: 10,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this     
			
 
				+
			
 
				+        var option = {
			
 
				+            colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+            chart: {
			
 
				+                type: 'pie',
			
 
				+                backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                options3d: {
			
 
				+                    enabled: true,
			
 
				+                    alpha: 45,
			
 
				+                    //beta: 0
			
 
				+                },
			
 
				+                events: {
			
 
				+                    // load，图表加载完成时触发
			
 
				+                    load: function () {
			
 
				+                        var chart = this;
			
 
				+            
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                        
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '特色优势产业'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                                i = 0;
			
 
				+                            }
			
 
				+                        }, 2000);
			
 
				+                    },
			
 
				+                    legendItemClick : function(event) {
			
 
				+                        console.log(event);
			
 
				+                        return true;
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            credits: {
			
 
				+                enabled: false  //去掉hightchats水印
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: '特色优势产业',
			
 
				+                style:{
			
 
				+                    color: 'rgba(255,255,255,0.6)',
			
 
				+                    fontSize:12,
			
 
				+                }
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                crosshairs: true,
			
 
				+                backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                // positioner: function(e){
			
 
				+                //   console.log(e, this)
			
 
				+                // },
			
 
				+                useHTML: true, //开启html模式
			
 
				+                style: {
			
 
				+                    color:'#fff',
			
 
				+                },
			
 
				+                formatter: function(e){
			
 
				+                    //console.log(this)
			
 
				+                    let num = chartData[this.colorIndex].num
			
 
				+                    this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                    return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                },
			
 
				+            //pointFormat: 
			
 
				+            },
			
 
				+            plotOptions: {
			
 
				+                pie: {
			
 
				+                    allowPointSelect: true,
			
 
				+                    showInLegend:  false, // 图例
			
 
				+                    cursor: 'pointer',
			
 
				+                    size: 160,
			
 
				+                    innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                    depth: 25, //立体高度
			
 
				+                    slicedOffset: 21, //动画距离
			
 
				+                    dataLabels: {
			
 
				+                    enabled: false,  // 是否展示指示线
			
 
				+                    format: '{point.name}: {point.percentage}'
			
 
				+                    }
			
 
				+                },
			
 
				+            },
			
 
				+            series: [{
			
 
				+                type: 'pie',
			
 
				+                name: '占比',
			
 
				+                //center: ['35%','50%'],
			
 
				+                point: {
			
 
				+                    events:{
			
 
				+                        click:function(e){ //点击事件
			
 
				+                            that.showTip3 = true
			
 
				+                            that.echartTitle = '特色优势产业'
			
 
				+                            setTimeout(() => {
			
 
				+                                that.initChartT1(chartData)
			
 
				+                            })
			
 
				+                        },
			
 
				+                        mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                            //console.log(e) 
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                                chartData[e.target.index].sliced = true
			
 
				+                                chartData[e.target.index].selected = true
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                        events:{
			
 
				+                                            click:function(e){
			
 
				+                                                that.showTip3 = true
			
 
				+                                                that.echartTitle = '特色优势产业'
			
 
				+                                                setTimeout(() => {
			
 
				+                                                    that.initChartT1(chartData)
			
 
				+                                                })
			
 
				+                                            }
			
 
				+                                        }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            timer && clearInterval(timer);
			
 
				+                        },
			
 
				+                        mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                            var points = chart.series[0].points;
			
 
				+                            var len = points.length;
			
 
				+                        
			
 
				+                            timer && clearInterval(timer);
			
 
				+                            timer = setInterval(function () {
			
 
				+                                autoTooltip(points[i]);
			
 
				+                                chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                                if(index == i){
			
 
				+                                    item.sliced = true
			
 
				+                                    item.selected = true
			
 
				+                                }
			
 
				+                                })
			
 
				+                                chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                    events:{
			
 
				+                                        click:function(e){
			
 
				+                                            that.showTip3 = true
			
 
				+                                            that.echartTitle = '特色优势产业'
			
 
				+                                            setTimeout(() => {
			
 
				+                                                that.initChartT1(chartData)
			
 
				+                                            })
			
 
				+                                        }
			
 
				+                                    }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                                })
			
 
				+                                i++;
			
 
				+                                if (i === len) {
			
 
				+                                    i = 0;
			
 
				+                                }
			
 
				+                            }, 2000);                
			
 
				+                        }
			
 
				+                    }
			
 
				+                },
			
 
				+                data: chartData
			
 
				+            }]
			
 
				+        }
			
 
				+
			
 
				+        var chart = Highcharts.chart('echartL6', option);
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+
			
 
				+      },
			
 
				+      initChartL7 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [155.82, 51], name: '交通运输业' },
			
 
				+        //   { value: [8.47, 19], name: '煤气层管网' },
			
 
				+        //   { value: [10.64, 24], name: '物流贸易' },
			
 
				+        //   { value: [41.05, 46], name: '水务' },
			
 
				+        //   { value: [2.14, 7], name: '其他' },
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+        // let myChart = echarts.init(this.$refs['echartL7'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '公共基础等产业',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '0%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       // radius: ['0%', '70%'],
			
 
				+        //       radius: ['50%', '65%'],
			
 
				+        //       center: ['50%', '55%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false,
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+
			
 
				+         //   { value: [155.82, 51], name: '交通运输业' },
			
 
				+        //   { value: [8.47, 19], name: '煤气层管网' },
			
 
				+        //   { value: [10.64, 24], name: '物流贸易' },
			
 
				+        //   { value: [41.05, 46], name: '水务' },
			
 
				+        //   { value: [2.14, 7], name: '其他' },
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '交通运输业',
			
 
				+                y: 264.70,
			
 
				+                num: 38,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '煤气层管网',
			
 
				+                y: 14.39,
			
 
				+                num: 14,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '物流贸易',
			
 
				+                y: 18.07,
			
 
				+                num: 18,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '水务',
			
 
				+                y: 69.73,
			
 
				+                num: 34,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '其他',
			
 
				+                y: 3.64,
			
 
				+                num: 5,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this     
			
 
				+
			
 
				+        var option = {
			
 
				+            colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+            chart: {
			
 
				+                type: 'pie',
			
 
				+                backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                options3d: {
			
 
				+                    enabled: true,
			
 
				+                    alpha: 45,
			
 
				+                    //beta: 0
			
 
				+                },
			
 
				+                events: {
			
 
				+                    // load，图表加载完成时触发
			
 
				+                    load: function () {
			
 
				+                        var chart = this;
			
 
				+            
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                        
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '公共基础等产业'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                                i = 0;
			
 
				+                            }
			
 
				+                        }, 2000);
			
 
				+                    },
			
 
				+                    legendItemClick : function(event) {
			
 
				+                        console.log(event);
			
 
				+                        return true;
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            credits: {
			
 
				+                enabled: false  //去掉hightchats水印
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: '公共基础等产业',
			
 
				+                style:{
			
 
				+                    color: 'rgba(255,255,255,0.6)',
			
 
				+                    fontSize:12,
			
 
				+                }
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                crosshairs: true,
			
 
				+                backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                // positioner: function(e){
			
 
				+                //   console.log(e, this)
			
 
				+                // },
			
 
				+                useHTML: true, //开启html模式
			
 
				+                style: {
			
 
				+                    color:'#fff',
			
 
				+                },
			
 
				+                formatter: function(e){
			
 
				+                    //console.log(this)
			
 
				+                    let num = chartData[this.colorIndex].num
			
 
				+                    this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                    return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                },
			
 
				+            //pointFormat: 
			
 
				+            },
			
 
				+            plotOptions: {
			
 
				+                pie: {
			
 
				+                    allowPointSelect: true,
			
 
				+                    showInLegend:  false, // 图例
			
 
				+                    cursor: 'pointer',
			
 
				+                    size: 160,
			
 
				+                    innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                    depth: 25, //立体高度
			
 
				+                    slicedOffset: 21, //动画距离
			
 
				+                    dataLabels: {
			
 
				+                    enabled: false,  // 是否展示指示线
			
 
				+                    format: '{point.name}: {point.percentage}'
			
 
				+                    }
			
 
				+                },
			
 
				+            },
			
 
				+            series: [{
			
 
				+                type: 'pie',
			
 
				+                name: '占比',
			
 
				+                //center: ['35%','50%'],
			
 
				+                point: {
			
 
				+                    events:{
			
 
				+                        click:function(e){ //点击事件
			
 
				+                            that.showTip3 = true
			
 
				+                            that.echartTitle = '公共基础等产业'
			
 
				+                            setTimeout(() => {
			
 
				+                                that.initChartT1(chartData)
			
 
				+                            })
			
 
				+                        },
			
 
				+                        mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                            //console.log(e) 
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                                chartData[e.target.index].sliced = true
			
 
				+                                chartData[e.target.index].selected = true
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                        events:{
			
 
				+                                            click:function(e){
			
 
				+                                                that.showTip3 = true
			
 
				+                                                that.echartTitle = '公共基础等产业'
			
 
				+                                                setTimeout(() => {
			
 
				+                                                    that.initChartT1(chartData)
			
 
				+                                                })
			
 
				+                                            }
			
 
				+                                        }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            timer && clearInterval(timer);
			
 
				+                        },
			
 
				+                        mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                            var points = chart.series[0].points;
			
 
				+                            var len = points.length;
			
 
				+                        
			
 
				+                            timer && clearInterval(timer);
			
 
				+                            timer = setInterval(function () {
			
 
				+                                autoTooltip(points[i]);
			
 
				+                                chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                                if(index == i){
			
 
				+                                    item.sliced = true
			
 
				+                                    item.selected = true
			
 
				+                                }
			
 
				+                                })
			
 
				+                                chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                    events:{
			
 
				+                                        click:function(e){
			
 
				+                                            that.showTip3 = true
			
 
				+                                            that.echartTitle = '公共基础等产业'
			
 
				+                                            setTimeout(() => {
			
 
				+                                                that.initChartT1(chartData)
			
 
				+                                            })
			
 
				+                                        }
			
 
				+                                    }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                                })
			
 
				+                                i++;
			
 
				+                                if (i === len) {
			
 
				+                                    i = 0;
			
 
				+                                }
			
 
				+                            }, 2000);                
			
 
				+                        }
			
 
				+                    }
			
 
				+                },
			
 
				+                data: chartData
			
 
				+            }]
			
 
				+        }
			
 
				+
			
 
				+        var chart = Highcharts.chart('echartL7', option);
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+      },
			
 
				+      initChartR4 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartR4'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            text: '2022年的可投资总额',
			
 
				+            x: 'center',
			
 
				+            y: '87%',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(255,255,255,0.6)',
			
 
				+              fontSize: 12,
			
 
				+            },
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: 'item',
			
 
				+          },
			
 
				+          color: ['#69C1FF', '#4B97CC',],
			
 
				+          legend: {
			
 
				+            icon: 'circle',
			
 
				+            top: 'bottom',
			
 
				+            orient: 'vertical',
			
 
				+            right: '1%',
			
 
				+            textStyle: {
			
 
				+              color: '#9DB9EB',
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'pie',
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  show: true,
			
 
				+                  position: 'center',
			
 
				+                  color: '#4c4a4a',
			
 
				+                  formatter: '{total|' + '462.83' + '}' + '\n\r' + '{active|亿元}',
			
 
				+                  rich: {
			
 
				+                    total: {
			
 
				+                      fontSize: 20,
			
 
				+                      fontFamily: "微软雅黑",
			
 
				+                      color: '#fff'
			
 
				+                    },
			
 
				+                    active: {
			
 
				+                      fontFamily: "微软雅黑",
			
 
				+                      fontSize: 15,
			
 
				+                      color: '#fff'
			
 
				+                    },
			
 
				+                  }
			
 
				+                },
			
 
				+                emphasis: {//中间文字显示
			
 
				+                  show: true,
			
 
				+                }
			
 
				+              },
			
 
				+              radius: ['40%', '60%'],
			
 
				+              center: ['50%', '45%'],
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  label: {
			
 
				+                    show: false,
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              labelLine: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              data: [
			
 
				+                { value: 1048, name: '已使用额度' },
			
 
				+                { value: 735, name: '可使用额度' }
			
 
				+              ],
			
 
				+  
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+      initChartR5 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartR5'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            text: '2023年的可投资总额',
			
 
				+            x: 'center',
			
 
				+            y: '87%',
			
 
				+            textStyle: {
			
 
				+              color: 'rgba(255,255,255,0.6)',
			
 
				+              fontSize: 12,
			
 
				+            },
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: 'item',
			
 
				+          },
			
 
				+          color: ['#69C1FF', '#4B97CC',],
			
 
				+          legend: {
			
 
				+            icon: 'circle',
			
 
				+            top: 'bottom',
			
 
				+            orient: 'vertical',
			
 
				+            right: '1%',
			
 
				+            textStyle: {
			
 
				+              color: '#9DB9EB',
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'pie',
			
 
				+              label: {
			
 
				+                normal: {
			
 
				+                  show: true,
			
 
				+                  position: 'center',
			
 
				+                  top: '50',
			
 
				+                  color: '#4c4a4a',
			
 
				+                  formatter: '{total|' + '462.83' + '}' + '\n\r' + '{active|亿元}',
			
 
				+                  rich: {
			
 
				+                    total: {
			
 
				+                      fontSize: 20,
			
 
				+                      fontFamily: "微软雅黑",
			
 
				+                      color: '#fff'
			
 
				+                    },
			
 
				+                    active: {
			
 
				+                      fontFamily: "微软雅黑",
			
 
				+                      fontSize: 15,
			
 
				+                      color: '#fff'
			
 
				+                    },
			
 
				+                  }
			
 
				+                },
			
 
				+                emphasis: {//中间文字显示
			
 
				+                  show: true,
			
 
				+                }
			
 
				+              },
			
 
				+              radius: ['40%', '60%'],
			
 
				+              center: ['50%', '45%'],
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  label: {
			
 
				+                    show: false,
			
 
				+                  },
			
 
				+                },
			
 
				+              },
			
 
				+              labelLine: {
			
 
				+                show: false,
			
 
				+              },
			
 
				+              data: [
			
 
				+                { value: 1048, name: '已使用额度' },
			
 
				+                { value: 735, name: '可使用额度' }
			
 
				+              ],
			
 
				+  
			
 
				+            },
			
 
				+          ],
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+      initChartR1 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [1098.71, 713], name: '主业' },
			
 
				+        //   { value: [65.17, 84], name: '辅业' }
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+        // let myChart = echarts.init(this.$refs['echartR1'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '主辅业计划占比',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '87%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     // formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
			
 
				+        //     // position: ['-5%', '95%'],
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       radius: ['40%', '60%'],
			
 
				+        //       center: ['50%', '45%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false,
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data,
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+
			
 
				+        // let data = [
			
 
				+        //     { value: [1098.71, 713], name: '主业' },
			
 
				+        //     { value: [65.17, 84], name: '辅业' }
			
 
				+        // ]
			
 
				+
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '辅业',
			
 
				+                y: 76.38,
			
 
				+                num: 84,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '主业',
			
 
				+                y: 1287.50,
			
 
				+                num: 713,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this     
			
 
				+
			
 
				+        var option = {
			
 
				+            colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+            chart: {
			
 
				+                type: 'pie',
			
 
				+                backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                options3d: {
			
 
				+                    enabled: true,
			
 
				+                    alpha: 45,
			
 
				+                    //beta: 0
			
 
				+                },
			
 
				+                events: {
			
 
				+                    // load，图表加载完成时触发
			
 
				+                    load: function () {
			
 
				+                        var chart = this;
			
 
				+            
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                        
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '主辅业计划占比'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                            i = 0;
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                    events:{
			
 
				+                                    click:function(e){
			
 
				+                                        console.log(e)
			
 
				+                                    }
			
 
				+                                    }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            }
			
 
				+                        }, 2000);
			
 
				+                    },
			
 
				+                    legendItemClick : function(event) {
			
 
				+                        console.log(event);
			
 
				+                        return true;
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            credits: {
			
 
				+                enabled: false  //去掉hightchats水印
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: '主辅业计划占比',
			
 
				+                style:{
			
 
				+                    color: 'rgba(255,255,255,0.6)',
			
 
				+                    fontSize:12,
			
 
				+                }
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                crosshairs: true,
			
 
				+                backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                // positioner: function(e){
			
 
				+                //   console.log(e, this)
			
 
				+                // },
			
 
				+                useHTML: true, //开启html模式
			
 
				+                style: {
			
 
				+                    color:'#fff',
			
 
				+                },
			
 
				+                formatter: function(e){
			
 
				+                    //console.log(this)
			
 
				+                    let num = chartData[this.colorIndex].num
			
 
				+                    this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                    return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                },
			
 
				+            //pointFormat: 
			
 
				+            },
			
 
				+            plotOptions: {
			
 
				+                pie: {
			
 
				+                    allowPointSelect: true,
			
 
				+                    showInLegend:  false, // 图例
			
 
				+                    cursor: 'pointer',
			
 
				+                    size: 160,
			
 
				+                    innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                    depth: 25, //立体高度
			
 
				+                    slicedOffset: 21, //动画距离
			
 
				+                    dataLabels: {
			
 
				+                    enabled: false,  // 是否展示指示线
			
 
				+                    format: '{point.name}: {point.percentage}'
			
 
				+                    }
			
 
				+                },
			
 
				+            },
			
 
				+            series: [{
			
 
				+                type: 'pie',
			
 
				+                name: '占比',
			
 
				+                //center: ['35%','50%'],
			
 
				+                point: {
			
 
				+                    events:{
			
 
				+                        click:function(e){ //点击事件
			
 
				+                            that.showTip3 = true
			
 
				+                            that.echartTitle = '主辅业计划占比'
			
 
				+                            setTimeout(() => {
			
 
				+                                that.initChartT1(chartData)
			
 
				+                            })
			
 
				+                        },
			
 
				+                        mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                            //console.log(e) 
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                                chartData[e.target.index].sliced = true
			
 
				+                                chartData[e.target.index].selected = true
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                        events:{
			
 
				+                                            click:function(e){
			
 
				+                                                that.showTip3 = true
			
 
				+                                                that.echartTitle = '主辅业计划占比'
			
 
				+                                                setTimeout(() => {
			
 
				+                                                    that.initChartT1(chartData)
			
 
				+                                                })
			
 
				+                                            }
			
 
				+                                        }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            timer && clearInterval(timer);
			
 
				+                        },
			
 
				+                        mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                            var points = chart.series[0].points;
			
 
				+                            var len = points.length;
			
 
				+                        
			
 
				+                            timer && clearInterval(timer);
			
 
				+                            timer = setInterval(function () {
			
 
				+                                autoTooltip(points[i]);
			
 
				+                                chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                                if(index == i){
			
 
				+                                    item.sliced = true
			
 
				+                                    item.selected = true
			
 
				+                                }
			
 
				+                                })
			
 
				+                                chart.update({
			
 
				+                                series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                    events:{
			
 
				+                                        click:function(e){
			
 
				+                                            that.showTip3 = true
			
 
				+                                            that.echartTitle = '主辅业计划占比'
			
 
				+                                            setTimeout(() => {
			
 
				+                                                that.initChartT1(chartData)
			
 
				+                                            })
			
 
				+                                        }
			
 
				+                                    }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                }]
			
 
				+                                })
			
 
				+                                i++;
			
 
				+                                if (i === len) {
			
 
				+                                i = 0;
			
 
				+                                chartData.forEach((item,index) => {
			
 
				+                                    item.sliced = false
			
 
				+                                    item.selected = false
			
 
				+                                })
			
 
				+                                chart.update({
			
 
				+                                    series:[{
			
 
				+                                    type: 'pie',
			
 
				+                                    name: '占比',
			
 
				+                                    point: {
			
 
				+                                        events:{
			
 
				+                                            click:function(e){
			
 
				+                                                that.showTip3 = true
			
 
				+                                                that.echartTitle = '主辅业计划占比'
			
 
				+                                                setTimeout(() => {
			
 
				+                                                    that.initChartT1(chartData)
			
 
				+                                                })
			
 
				+                                            }
			
 
				+                                        }
			
 
				+                                    },
			
 
				+                                    data: chartData
			
 
				+                                    }]
			
 
				+                                })
			
 
				+                                }
			
 
				+                            }, 2000);                
			
 
				+                        }
			
 
				+                    }
			
 
				+                },
			
 
				+                data: chartData
			
 
				+            }]
			
 
				+        }
			
 
				+
			
 
				+        var chart = Highcharts.chart('echartR1', option);
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+      },
			
 
				+      initChartR2 () {
			
 
				+        // let data = [
			
 
				+        //   { value: [340.77, 168], name: '特别监管类' },
			
 
				+        //   { value: [390.22, 465], name: '备案类' }
			
 
				+        // ]
			
 
				+        // let count = 0
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+        // let myChart = echarts.init(this.$refs['echartR2'])
			
 
				+        // let option = {
			
 
				+        //   title: {
			
 
				+        //     text: '项目管理类型',
			
 
				+        //     x: 'center',
			
 
				+        //     y: '87%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: 'rgba(255,255,255,0.6)',
			
 
				+        //       fontSize: 12,
			
 
				+        //     },
			
 
				+        //   },
			
 
				+        //   tooltip: {
			
 
				+        //     trigger: 'item',
			
 
				+        //     formatter: function (params) {
			
 
				+        //       return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //     }
			
 
				+        //     // position: ['-5%', '95%'],
			
 
				+        //   },
			
 
				+        //   color: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+        //   legend: {
			
 
				+        //     show: false,
			
 
				+        //     icon: 'circle',
			
 
				+        //     top: 'bottom',
			
 
				+        //     orient: 'vertical',
			
 
				+        //     right: '-3%',
			
 
				+        //     textStyle: {
			
 
				+        //       color: '#9DB9EB',
			
 
				+        //       fontSize: '10px'
			
 
				+        //     },
			
 
				+        //     itemWidth: 10,
			
 
				+        //     itemHeight: 10
			
 
				+        //   },
			
 
				+        //   series: [
			
 
				+        //     {
			
 
				+        //       name: '',
			
 
				+        //       type: 'pie',
			
 
				+        //       radius: ['40%', '60%'],
			
 
				+        //       center: ['50%', '45%'],
			
 
				+        //       itemStyle: {
			
 
				+        //         normal: {
			
 
				+        //           borderColor: 'rgba(1,31,64,0.7)',
			
 
				+        //           borderWidth: 6,
			
 
				+        //           label: {
			
 
				+        //             show: false,
			
 
				+        //           },
			
 
				+        //         },
			
 
				+        //       },
			
 
				+        //       labelLine: {
			
 
				+        //         show: false,
			
 
				+        //       },
			
 
				+        //       data,
			
 
				+        //     },
			
 
				+        //   ],
			
 
				+        // }
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+        // let that = this
			
 
				+        // myChart.on('click', function (param) {
			
 
				+        //   console.log(param)
			
 
				+        //   that.showTip3 = true
			
 
				+        //   setTimeout(() => {
			
 
				+        //     that.initChartT1(data, option)
			
 
				+        //   })
			
 
				+        // })
			
 
				+         //   { value: [340.77, 168], name: '特别监管类' },
			
 
				+        //   { value: [390.22, 465], name: '备案类' }
			
 
				+        var chartData = [
			
 
				+            {
			
 
				+                name: '特别监管类',
			
 
				+                y: 635.84,
			
 
				+                num: 168,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            },
			
 
				+            {
			
 
				+                name: '备案类',
			
 
				+                y: 728.04,
			
 
				+                num: 465,
			
 
				+                sliced: false,
			
 
				+                selected: false,
			
 
				+            }
			
 
				+        ]
			
 
				+        var timer = null;
			
 
				+        var i = 0;
			
 
				+  
			
 
				+        let that = this
			
 
				+        var chart = Highcharts.chart('echartR2', {
			
 
				+            colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+            chart: {
			
 
				+                type: 'pie',
			
 
				+                backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                options3d: {
			
 
				+                    enabled: true,
			
 
				+                    alpha: 45,
			
 
				+                    //beta: 0
			
 
				+                },
			
 
				+                events: {
			
 
				+                    // load，图表加载完成时触发
			
 
				+                    load: function () {
			
 
				+                        var chart = this;
			
 
				+            
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                        
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '项目管理类型'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                            i = 0;
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                    events:{
			
 
				+                                    click:function(e){
			
 
				+                                        console.log(e)
			
 
				+                                    }
			
 
				+                                    }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            }
			
 
				+                        }, 2000);
			
 
				+                    },
			
 
				+                    legendItemClick : function(event) {
			
 
				+                        //console.log(event);
			
 
				+                        that.showTip3 = true
			
 
				+                        that.echartTitle = '项目管理类型'
			
 
				+                        setTimeout(() => {
			
 
				+                            that.initChartT1(chartData)
			
 
				+                        })
			
 
				+                        return true;
			
 
				+                    }
			
 
				+                }
			
 
				+            },
			
 
				+            credits: {
			
 
				+                enabled: false  //去掉hightchats水印
			
 
				+            },
			
 
				+            title: {
			
 
				+                text: '项目管理类型',
			
 
				+                style:{
			
 
				+                    color: 'rgba(255,255,255,0.6)',
			
 
				+                    fontSize:12,
			
 
				+                }
			
 
				+            },
			
 
				+            tooltip: {
			
 
				+                crosshairs: true,
			
 
				+                backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                // positioner: function(e){
			
 
				+                //   console.log(e, this)
			
 
				+                // },
			
 
				+                useHTML: true, //开启html模式
			
 
				+                style: {
			
 
				+                    color:'#fff',
			
 
				+                },
			
 
				+                formatter: function(e){
			
 
				+                    //console.log(this)
			
 
				+                    let num = chartData[this.colorIndex].num
			
 
				+                    this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                    return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                },
			
 
				+            //pointFormat: 
			
 
				+            },
			
 
				+            plotOptions: {
			
 
				+                pie: {
			
 
				+                    allowPointSelect: true,
			
 
				+                    showInLegend:  false, // 图例
			
 
				+                    cursor: 'pointer',
			
 
				+                    size: 160,
			
 
				+                    innerSize : 100, //环形图中间空白，0为饼图
			
 
				+                    depth: 25, //立体高度
			
 
				+                    slicedOffset: 21, //动画距离
			
 
				+                    dataLabels: {
			
 
				+                    enabled: false,  // 是否展示指示线
			
 
				+                    format: '{point.name}: {point.percentage}'
			
 
				+                    }
			
 
				+                },
			
 
				+            },
			
 
				+            series: [{
			
 
				+                type: 'pie',
			
 
				+                name: '占比',
			
 
				+                //center: ['35%','50%'],
			
 
				+                point: {
			
 
				+                    events:{
			
 
				+                        click:function(e){ //点击事件
			
 
				+                            that.showTip3 = true
			
 
				+                            that.echartTitle = '项目管理类型'
			
 
				+                            setTimeout(() => {
			
 
				+                                that.initChartT1(chartData)
			
 
				+                            })
			
 
				+                        },
			
 
				+                        mouseOver: function(e){ //鼠标移入停止轮播并且找到移入的当前数据设为选中
			
 
				+                            //console.log(e) 
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                        })
			
 
				+                            chartData[e.target.index].sliced = true
			
 
				+                            chartData[e.target.index].selected = true
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '项目管理类型'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            timer && clearInterval(timer);
			
 
				+                        },
			
 
				+                        mouseOut: function(){ // 鼠标移出后需要继续执行轮播
			
 
				+                        var points = chart.series[0].points;
			
 
				+                        var len = points.length;
			
 
				+                    
			
 
				+                        timer && clearInterval(timer);
			
 
				+                        timer = setInterval(function () {
			
 
				+                            autoTooltip(points[i]);
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                            item.sliced = false
			
 
				+                            item.selected = false
			
 
				+                            if(index == i){
			
 
				+                                item.sliced = true
			
 
				+                                item.selected = true
			
 
				+                            }
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                            series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                events:{
			
 
				+                                    click:function(e){
			
 
				+                                        that.showTip3 = true
			
 
				+                                        that.echartTitle = '项目管理类型'
			
 
				+                                        setTimeout(() => {
			
 
				+                                            that.initChartT1(chartData)
			
 
				+                                        })
			
 
				+                                    }
			
 
				+                                }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                            }]
			
 
				+                            })
			
 
				+                            i++;
			
 
				+                            if (i === len) {
			
 
				+                            i = 0;
			
 
				+                            chartData.forEach((item,index) => {
			
 
				+                                item.sliced = false
			
 
				+                                item.selected = false
			
 
				+                            })
			
 
				+                            chart.update({
			
 
				+                                series:[{
			
 
				+                                type: 'pie',
			
 
				+                                name: '占比',
			
 
				+                                point: {
			
 
				+                                    events:{
			
 
				+                                    click:function(e){
			
 
				+                                        console.log(e)
			
 
				+                                    }
			
 
				+                                    }
			
 
				+                                },
			
 
				+                                data: chartData
			
 
				+                                }]
			
 
				+                            })
			
 
				+                            }
			
 
				+                        }, 2000);                
			
 
				+                        }
			
 
				+                    }
			
 
				+                },
			
 
				+                data: chartData
			
 
				+            }]
			
 
				+        });
			
 
				+        
			
 
				+        function autoTooltip(point) {
			
 
				+            chart.tooltip.refresh(point);
			
 
				+        }
			
 
				+      },
			
 
				+      initChartR3 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartR3'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            text: '股权类',
			
 
				+            textStyle: {
			
 
				+              color: '#69C0FF',
			
 
				+              fontSize: 16,
			
 
				+              fontWeight: 500
			
 
				+            },
			
 
				+            top: '10',
			
 
				+            left: '10'
			
 
				+          },
			
 
				+          textStyle: {
			
 
				+            color: '#fff',
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: "axis",
			
 
				+            formatter: function (params) {
			
 
				+              var tip = params[0].axisValue + '<br/>' + params[0].marker + params[0].data[1] + '：' + params[0].data[2] + '个，' + params[0].data[3] + '亿元' + '<br/>' + params[1].marker + params[1].data[1] + '：' + params[1].data[2] + '个，' + params[1].data[3] + '亿元';
			
 
				+              return tip
			
 
				+            },
			
 
				+            axisPointer: {
			
 
				+              lineStyle: {
			
 
				+                type: 'dashed',
			
 
				+                width: 2,
			
 
				+                color: 'rgba(255,255,255,0.6)'
			
 
				+              },
			
 
				+              animation: true
			
 
				+            }
			
 
				+          },
			
 
				+          grid: {
			
 
				+            top: '22%',
			
 
				+            right: '5%',
			
 
				+            left: '15%',
			
 
				+            bottom: '15%',
			
 
				+          },
			
 
				+          yAxis: {
			
 
				+            data: ['备案', '特别监管'],
			
 
				+            splitLine: {
			
 
				+              show: true,
			
 
				+              lineStyle: {
			
 
				+                color: '#68b4dd66',
			
 
				+                type: 'dashed',
			
 
				+              },
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+              show: false
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              formatter: '{value}',
			
 
				+              textStyle: {
			
 
				+                color: 'rgba(250,250,250,0.6)',
			
 
				+              },
			
 
				+            },
			
 
				+            nameTextStyle: {
			
 
				+              color: '#ebf8ac',
			
 
				+              fontSize: 16,
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: ['项目储备', '项目立项', '可研论证', '投资决策'],
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              textStyle: {
			
 
				+                color: 'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+                fontSize: 12,
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'scatter',
			
 
				+              symbol: 'circle',
			
 
				+              symbolSize: function (data) {
			
 
				+                return Math.sqrt(data[2]) * 3;
			
 
				+              },
			
 
				+              label: {
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                  formatter: function (param) {
			
 
				+                    return param.data[2];
			
 
				+                  },
			
 
				+                  position: 'top'
			
 
				+                }
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#40A9FF'
			
 
				+                }
			
 
				+              },
			
 
				+              data: [
			
 
				+                ['项目储备', '特别监管', 9, 6.49],
			
 
				+                ['项目立项', '特别监管', 0, 0.00],
			
 
				+                ['可研论证', '特别监管', 2, 0.10],
			
 
				+                ['投资决策', '特别监管', 27, 15.52],
			
 
				+              ]
			
 
				+            },
			
 
				+            {
			
 
				+              name: '',
			
 
				+              type: 'scatter',
			
 
				+              symbol: 'circle',
			
 
				+              symbolSize: function (data) {
			
 
				+                return Math.sqrt(data[2]) * 3;
			
 
				+              },
			
 
				+              label: {
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                  formatter: function (param) {
			
 
				+                    return param.data[2];
			
 
				+                  },
			
 
				+                  position: 'top'
			
 
				+                }
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#45DAD1'
			
 
				+                }
			
 
				+              },
			
 
				+              data: [
			
 
				+                ['项目储备', '备案', 39, 8.08],
			
 
				+                ['项目立项', '备案', 7, 1.83],
			
 
				+                ['可研论证', '备案', 19, 1.01],
			
 
				+                ['投资决策', '备案', 73, 17.65],
			
 
				+              ]
			
 
				+            },
			
 
				+          ]
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+      initChartR6 () {
			
 
				+        let myChart = echarts.init(this.$refs['echartR6'])
			
 
				+        let option = {
			
 
				+          title: {
			
 
				+            text: '固定资产',
			
 
				+            textStyle: {
			
 
				+              color: '#69C0FF',
			
 
				+              fontSize: 16,
			
 
				+              fontWeight: 500
			
 
				+            },
			
 
				+            top: '10',
			
 
				+            left: '10'
			
 
				+          },
			
 
				+          textStyle: {
			
 
				+            color: '#fff',
			
 
				+          },
			
 
				+          tooltip: {
			
 
				+            trigger: "axis",
			
 
				+            formatter: function (params) {
			
 
				+              var tip = params[0].axisValue + '<br/>' + params[0].marker + params[0].data[1] + '：' + params[0].data[2] + '个，' + params[0].data[3] + '亿元' + '<br/>' + params[1].marker + params[1].data[1] + '：' + params[1].data[2] + '个，' + params[1].data[3] + '亿元';
			
 
				+              return tip
			
 
				+            },
			
 
				+            axisPointer: {
			
 
				+              lineStyle: {
			
 
				+                type: 'dashed',
			
 
				+                width: 2,
			
 
				+                color: 'rgba(255,255,255,0.6)'
			
 
				+              },
			
 
				+              animation: true
			
 
				+            }
			
 
				+          },
			
 
				+          grid: {
			
 
				+            top: '25%',
			
 
				+            right: '5%',
			
 
				+            left: '15%',
			
 
				+            bottom: '15%',
			
 
				+          },
			
 
				+          yAxis: {
			
 
				+            data: ['备案', '特别监管'],
			
 
				+            splitLine: {
			
 
				+              show: true,
			
 
				+              lineStyle: {
			
 
				+                color: '#68b4dd66',
			
 
				+                type: 'dashed',
			
 
				+              },
			
 
				+            },
			
 
				+            axisLine: {
			
 
				+              show: false
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              formatter: '{value}',
			
 
				+              textStyle: {
			
 
				+                color: 'rgba(250,250,250,0.6)',
			
 
				+              },
			
 
				+            },
			
 
				+            nameTextStyle: {
			
 
				+              color: '#ebf8ac',
			
 
				+              fontSize: 16,
			
 
				+            },
			
 
				+          },
			
 
				+          xAxis: {
			
 
				+            data: ['项目储备', '项目立项', '可研论证', '投资决策'],
			
 
				+            axisLine: {
			
 
				+              show: true, //隐藏X轴轴线
			
 
				+              lineStyle: {
			
 
				+                color: '#005094',
			
 
				+                width: 1,
			
 
				+              },
			
 
				+            },
			
 
				+            axisTick: {
			
 
				+              show: false, //隐藏X轴刻度
			
 
				+            },
			
 
				+            axisLabel: {
			
 
				+              show: true,
			
 
				+              textStyle: {
			
 
				+                color: 'rgba(255,255,255,0.6)', //X轴文字颜色
			
 
				+                fontSize: 12,
			
 
				+              },
			
 
				+            },
			
 
				+          },
			
 
				+          series: [
			
 
				+            {
			
 
				+              name: '特别监管',
			
 
				+              type: 'scatter',
			
 
				+              symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
			
 
				+              symbolSize: function (data) {
			
 
				+                return Math.sqrt(data[2]) * 3;
			
 
				+              },
			
 
				+              label: {
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                  formatter: function (param) {
			
 
				+                    return param.data[2];
			
 
				+                  },
			
 
				+                  position: 'top'
			
 
				+                }
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#40A9FF'
			
 
				+                }
			
 
				+              },
			
 
				+              data: [
			
 
				+                ['项目储备', '特别监管', 14, 12.05],
			
 
				+                ['项目立项', '特别监管', 2, 1.25],
			
 
				+                ['可研论证', '特别监管', 10, 32.69],
			
 
				+                ['投资决策', '特别监管', 15, 28.53],
			
 
				+              ]
			
 
				+            },
			
 
				+            {
			
 
				+              name: '备案',
			
 
				+              type: 'scatter',
			
 
				+              symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
			
 
				+              symbolSize: function (data) {
			
 
				+                return Math.sqrt(data[2]) * 3;
			
 
				+              },
			
 
				+              label: {
			
 
				+                emphasis: {
			
 
				+                  show: true,
			
 
				+                  formatter: function (param) {
			
 
				+                    return param.data[2];
			
 
				+                  },
			
 
				+                  position: 'top'
			
 
				+                }
			
 
				+              },
			
 
				+              itemStyle: {
			
 
				+                normal: {
			
 
				+                  color: '#45DAD1'
			
 
				+                }
			
 
				+              },
			
 
				+              data: [
			
 
				+                ['项目储备', '备案', 27, 23.86],
			
 
				+                ['项目立项', '备案', 1, 1.05],
			
 
				+                ['可研论证', '备案', 14, 18.46],
			
 
				+                ['投资决策', '备案', 40, 38.86],
			
 
				+              ]
			
 
				+            },
			
 
				+          ]
			
 
				+        }
			
 
				+        myChart.setOption(option)
			
 
				+        tools.loopShowTooltip(myChart, option, {
			
 
				+          nterval: 2000,
			
 
				+          loopSeries: true,
			
 
				+        })
			
 
				+      },
			
 
				+      
			
 
				+      initChartT1 (list, info) {
			
 
				+        // let count = 0
			
 
				+        // console.log(list, info)
			
 
				+        // this.echartTitle = info.title.text
			
 
				+        // let data = list
			
 
				+        // data.forEach(item => {
			
 
				+        //   count += item.value[0]
			
 
				+        // })
			
 
				+        // let option = JSON.parse(JSON.stringify(info))
			
 
				+        // option.series[0].center = ['50%', '50%']
			
 
				+        // option.series[0].radius = ['60%', '75%']
			
 
				+        // option.legend = {
			
 
				+        //   show: false,
			
 
				+        //   icon: 'circle',
			
 
				+        //   top: 'bottom',
			
 
				+        //   orient: 'vertical',
			
 
				+        //   right: '2%',
			
 
				+        //   textStyle: {
			
 
				+        //     color: '#9DB9EB',
			
 
				+        //     fontSize: 16
			
 
				+        //   },
			
 
				+        //   itemWidth: 10,
			
 
				+        //   itemHeight: 10
			
 
				+        // },
			
 
				+        //   option.title.text = ''
			
 
				+        // option.tooltip = {
			
 
				+        //   trigger: 'item',
			
 
				+        //   formatter: function (params) {
			
 
				+        //     return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '</br >' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //   }
			
 
				+        // }
			
 
				+        // option.series[0].itemStyle.normal.label = {
			
 
				+        //   show: true,
			
 
				+        //   formatter: function (params) {
			
 
				+        //     return params.name + '，' + (params.value[0] / count * 100).toFixed(2) + '%' + '\n' + params.value[1] + '个' + '，' + params.value[0] + '亿'
			
 
				+        //   }
			
 
				+        // }
			
 
				+        // option.series[0].labelLine.show = true
			
 
				+        // let myChart = echarts.init(this.$refs['echartT1'])
			
 
				+        // myChart.setOption(option)
			
 
				+        // tools.loopShowTooltip(myChart, option, {
			
 
				+        //   nterval: 2000,
			
 
				+        //   loopSeries: true,
			
 
				+        // })
			
 
				+
			
 
				+        var chartData = list
			
 
				+        console.log(list)
			
 
				+        setTimeout(()=>{
			
 
				+            Highcharts.chart('echartT1', {
			
 
				+                colors: ['#5783ab', '#1a5389', '#a79c57', '#cc8c29', '#91a65f', '#383062', '#034a39'],
			
 
				+                chart: {
			
 
				+                    type: 'pie',
			
 
				+                    backgroundColor: 'rgba(0,0,0,0)',
			
 
				+                    options3d: {
			
 
				+                        enabled: true,
			
 
				+                        alpha: 45,
			
 
				+                        //beta: 0
			
 
				+                    },
			
 
				+                },
			
 
				+                credits: {
			
 
				+                    enabled: false  //去掉hightchats水印
			
 
				+                },
			
 
				+                title: null,
			
 
				+                tooltip: {
			
 
				+                    crosshairs: true,
			
 
				+                    backgroundColor: 'rgba(0,0,0,0.5)',
			
 
				+                    // positioner: function(e){
			
 
				+                    //   console.log(e, this)
			
 
				+                    // },
			
 
				+                    useHTML: true, //开启html模式
			
 
				+                    style: {
			
 
				+                        color:'#fff',
			
 
				+                    },
			
 
				+                    formatter: function(e){
			
 
				+                        //console.log(this)
			
 
				+                        let num = chartData[this.colorIndex].x
			
 
				+                        this.percentage = this.percentage.toFixed(2) //Math.round(this.percentage)
			
 
				+                        return `${this.key}：<b>${this.percentage}%</b><br/><b>${this.y}</b>亿，<b>${num}个</b>`
			
 
				+                    },
			
 
				+                //pointFormat: 
			
 
				+                },
			
 
				+                plotOptions: {
			
 
				+                    pie: {
			
 
				+                        allowPointSelect: true,
			
 
				+                        showInLegend:  false, // 图例
			
 
				+                        cursor: 'pointer',
			
 
				+                        size: 260,
			
 
				+                        innerSize : 170, //环形图中间空白，0为饼图
			
 
				+                        depth: 38, //立体高度
			
 
				+                        slicedOffset: 23, //动画距离
			
 
				+                        dataLabels: {
			
 
				+                        enabled: true,  // 是否展示指示线
			
 
				+                        formatter: function(point) {
			
 
				+                            console.log(point, this)
			
 
				+                            let num = chartData[this.colorIndex].x
			
 
				+                            this.percentage = this.percentage.toFixed(2)
			
 
				+                            return `${this.key}：${this.percentage}%<br/>${this.y}亿，${num}个`
			
 
				+                            } //''
			
 
				+                        }
			
 
				+                    },
			
 
				+                },
			
 
				+                series: [{
			
 
				+                    type: 'pie',
			
 
				+                    name: '占比',
			
 
				+                    //center: ['35%','50%'],
			
 
				+                    data: chartData
			
 
				+                }]
			
 
				+            });
			
 
				+        },50)
			
 
				+       
			
 
				+        
			
 
				+      }
			
 
				+    },
			
 
				+  })
			
 
				+  
			
--- a/分屏/js/data.js
+++ b/分屏/js/data.js
@@ -0,0 +1,325 @@
 
				+let info = [
			
 
				+  { name: '投资总额', value: 1324.08 },
			
 
				+  { name: '项目总数', value: 442 },
			
 
				+  { name: '固定资产', value: 1169.91 },
			
 
				+  { name: '股权投资', value: 154.17 },
			
 
				+]
			
 
				+let statusList = [
			
 
				+  { name: '煤炭和煤电', value: 8.6, num: 2 },
			
 
				+  { name: '煤电和新能源', value: 24.97, num: 20 },
			
 
				+  { name: '煤炭和化工', value: 19.24, num: 4 },
			
 
				+  { name: '煤炭和数字', value: 14.91, num: 1 },
			
 
				+  { name: '煤炭和降碳', value: 6.08, num: 2 },
			
 
				+]
			
 
				+let executeList = [
			
 
				+  { value: '196.21', name: '山西焦煤', value2: '162.02' },
			
 
				+  { value: '313.43', name: '晋能控股', value2: '220.82' },
			
 
				+  { value: '75.75', name: '华阳新材', value2: '60.93' },
			
 
				+  { value: '74.01', name: '潞安化工', value2: '31.76' },
			
 
				+  { value: '29.18', name: '华新燃气', value2: '13.39' },
			
 
				+  { value: '58.54', name: '太重集团', value2: '43.23' },
			
 
				+  { value: '33.55', name: '国际能源', value2: '21.91' },
			
 
				+  { value: '76.16', name: '华远陆港', value2: '150.95' },
			
 
				+  { value: '86.07', name: '水控集团', value2: '74.62' },
			
 
				+  { value: '8.09', name: '文旅集团', value2: '13.58' },
			
 
				+  { value: '339.80', name: '交控集团', value2: '257.70' },
			
 
				+  { value: '31.06', name: '航产集团', value2: '31.05' },
			
 
				+  { value: '296.71', name: '山西建投', value2: '294.40' },
			
 
				+  { value: '27.68', name: '汾酒集团', value2: '15.79' },
			
 
				+  { value: '24.67', name: '大地控股', value2: '11.27' },
			
 
				+  { value: '76.69', name: '云时代', value2: '44.82' },
			
 
				+  { value: '2.06', name: '华舰体育', value2: '0.24' },
			
 
				+  { value: '18.60', name: '神农科技', value2: '2.25' },
			
 
				+
			
 
				+]
			
 
				+
			
 
				+let tipData = [
			
 
				+  {value:'0.88',name:'山西焦煤',value2:'5'},
			
 
				+  {value:'0.60',name:'晋能控股',value2:'1'},
			
 
				+  {value:'1.26',name:'华阳新材',value2:'2'},
			
 
				+  {value:'0.00',name:'潞安化工',value2:'1'},
			
 
				+  {value:'8.46',name:'华新燃气',value2:'6'},
			
 
				+  {value:'33.38',name:'太重集团',value2:'18'},
			
 
				+  {value:'0.80',name:'国际能源',value2:'1'},
			
 
				+  {value:'0.85',name:'华远陆港',value2:'6'},
			
 
				+  {value:'1.98',name:'水控集团',value2:'8'},
			
 
				+  {value:'0.25',name:'文旅集团',value2:'1'},
			
 
				+  {value:'6.07',name:'交控集团',value2:'28'},
			
 
				+  {value:'26.27',name:'航产集团',value2:'5'},
			
 
				+  {value:'2.20',name:'山西建投',value2:'13'},
			
 
				+  {value:'2.00',name:'汾酒集团',value2:'1'},
			
 
				+  {value:'0.54',name:'大地控股',value2:'8'},
			
 
				+  {value:'6.12',name:'云时代',value2:'97'},
			
 
				+  {value:'0.24',name:'华舰体育',value2:'9'},
			
 
				+  {value:'0.00',name:'神农科技',value2:'0'},
			
 
				+]
			
 
				+
			
 
				+let tipTopData = [
			
 
				+  // { value: '13.63', name: '新一代信息技术' },
			
 
				+  // { value: '61.39', name: '高端装备制造' },
			
 
				+  // { value: '21.17', name: '新材料' },
			
 
				+  // { value: '40.08', name: '新能源' },
			
 
				+  // { value: '1.18', name: '生物医药' },
			
 
				+  // { value: '11.84', name: '节能环保' },
			
 
				+  // { value: '0', name: '新能源汽车' },
			
 
				+  // { value: '0', name: '通用航空' },
			
 
				+  // { value: '19.34', name: '煤层气' },
			
 
				+  // { value: '8.56', name: '现代煤化工' },
			
 
				+  // { value: '2.65', name: '文化旅游' },
			
 
				+  // { value: '0', name: '军民融合' },
			
 
				+  // { value: '7.69', name: '酿造' },
			
 
				+  // { value: '8.92', name: '其他' }
			
 
				+  [
			
 
				+    { value: '22.37', name: '新一代信息技术产业', value2: '107' },
			
 
				+    { value: '36.44', name: '高端装备制造产业', value2: '25' },
			
 
				+    { value: '10.02', name: '新材料产业', value2: '6' },
			
 
				+    { value: '0.15', name: '生物产业', value2: '0' },
			
 
				+    { value: '0.00', name: '新能源汽车产业', value2: '0' },
			
 
				+    { value: '54.33', name: '新能源产业', value2: '54' },
			
 
				+    { value: '9.80', name: '节能环保产业', value2: '15' },
			
 
				+    { value: '0.00', name: '数字创意产业', value2: '0' },
			
 
				+    { value: '47.33', name: '相关服务业', value2: '5' },
			
 
				+  ], [
			
 
				+    { value: '1.15', name: '化工产业', value2: '4个' },
			
 
				+    { value: '1.86', name: '煤层气产业', value2: '4个' },
			
 
				+    { value: '1.15', name: '文旅康养', value2: '6个' },
			
 
				+    { value: '4.68', name: '酿造', value2: '5个' },
			
 
				+    { value: '124.53', name: '建筑房地产', value2: '25个' },
			
 
				+    { value: '0.66', name: '农业', value2: '6个' }
			
 
				+
			
 
				+  ]
			
 
				+]
			
 
				+
			
 
				+let tipBottomData = [
			
 
				+  [
			
 
				+    { value: '0.45', name: '山西焦煤', value2: '3' },
			
 
				+    { value: '16.31', name: '晋能控股', value2: '15' },
			
 
				+    { value: '19.52', name: '华阳新材', value2: '7' },
			
 
				+    { value: '0.53', name: '潞安化工', value2: '3' },
			
 
				+    { value: '0.00', name: '华新燃气', value2: '0' },
			
 
				+    { value: '37.44', name: '太重集团', value2: '26' },
			
 
				+    { value: '18.84', name: '国际能源', value2: '22' },
			
 
				+    { value: '11.81', name: '华远陆港', value2: '11' },
			
 
				+    { value: '0.00', name: '水控集团', value2: '0' },
			
 
				+    { value: '0.00', name: '文旅集团', value2: '0' },
			
 
				+    { value: '23.42', name: '交控集团', value2: '5' },
			
 
				+    { value: '0.00', name: '航产集团', value2: '0' },
			
 
				+    { value: '32.13', name: '山西建投', value2: '7' },
			
 
				+    { value: '0.00', name: '汾酒集团', value2: '0' },
			
 
				+    { value: '3.58', name: '大地控股', value2: '15' },
			
 
				+    { value: '16.42', name: '云时代', value2: '98' },
			
 
				+    { value: '0.00', name: '华舰体育', value2: '0' },
			
 
				+    { value: '0.00', name: '神农科技', value2: '0' },
			
 
				+
			
 
				+  ],
			
 
				+  [
			
 
				+    { value: '0.95', name: '山西焦煤', value2: '1' },
			
 
				+    { value: '0.71', name: '晋能控股', value2: '1' },
			
 
				+    { value: '0.00', name: '华阳新材', value2: '0' },
			
 
				+    { value: '1.15', name: '潞安化工', value2: '4' },
			
 
				+    { value: '1.86', name: '华新燃气', value2: '3' },
			
 
				+    { value: '1.55', name: '太重集团', value2: '2' },
			
 
				+    { value: '0.00', name: '国际能源', value2: '0' },
			
 
				+    { value: '5.37', name: '华远陆港', value2: '3' },
			
 
				+    { value: '0.00', name: '水控集团', value2: '0' },
			
 
				+    { value: '2.06', name: '文旅集团', value2: '5' },
			
 
				+    { value: '8.84', name: '交控集团', value2: '13' },
			
 
				+    { value: '0.00', name: '航产集团', value2: '0' },
			
 
				+    { value: '106.20', name: '山西建投', value2: '22' },
			
 
				+    { value: '4.68', name: '汾酒集团', value2: '5' },
			
 
				+    { value: '0.00', name: '大地控股', value2: '0' },
			
 
				+    { value: '0.00', name: '云时代', value2: '0' },
			
 
				+    { value: '0.00', name: '华舰体育', value2: '0' },
			
 
				+    { value: '0.66', name: '神农科技', value2: '6' }
			
 
				+  ]
			
 
				+]
			
 
				+
			
 
				+let industryList = [
			
 
				+  { name: '传统产业', value: 452.52, value2: '68' },
			
 
				+  { name: '战略新兴产业', value: 180.44, value2: '212' },
			
 
				+  { name: '基础产业', value: 447.94, value2: '102' },
			
 
				+  { name: '特色优势产业', value: 369.83, value2: '78' }
			
 
				+]
			
 
				+
			
 
				+let chartDateR2 = [
			
 
				+  { name: '新建', value: 156, value2: 381.98 },
			
 
				+  { name: '续建', value: 304, value2: 1068.75 },
			
 
				+]
			
 
				+
			
 
				+let amountList = [
			
 
				+  { value: 283.42, name: '山西焦煤' },
			
 
				+  { value: 622.16, name: '晋能控股' },
			
 
				+  { value: 251.91, name: '华阳新材' },
			
 
				+  { value: 163.19, name: '潞安化工' },
			
 
				+  { value: 46.44, name: '华新燃气' },
			
 
				+  { value: 32.07, name: '华远陆港' },
			
 
				+  { value: 49.99, name: '汾酒集团' }
			
 
				+]
			
 
				+
			
 
				+let projectList =
			
 
				+  // [
			
 
				+  //   { value: 17.8, name: '太重智能高端液压挖掘机产业项目', office: '太重集团' },
			
 
				+  //   { value: 18.1, name: '太重退城入园智能高端装备生产线升级改造项目', office: '太重集团' },
			
 
				+  //   { value: 4.9, name: '汾酒保健酒园区新增1万吨原酒产能项目', office: '汾酒集团' },
			
 
				+  //   { value: 4, name: '汾酒新增5.88万吨原酒储能项目', office: '汾酒集团' },
			
 
				+  //   { value: 3.5, name: '吉县-延长输气管道一期工程项目', office: '华新燃气' },
			
 
				+  //   { value: 3, name: '太原武宿（国际）机场三期改扩建工程供热制冷项目', office: '国际能源' },
			
 
				+  //   { value: 100, name: '山西路桥绿色智慧交通换电站项目', office: '交控集团' },
			
 
				+  //   { value: 1, name: '山西省静态交通大数据平台项目', office: '山西建投' },
			
 
				+  //   { value: 6.39, name: '太重3.0兆瓦以上风电用变速箱生产线升级改造项目', office: '太重集团' },
			
 
				+  //   { value: 5.45, name: '太重高端冶金矿山机械用变速箱生产线升级改造项目', office: '太重集团' },
			
 
				+  //   { value: 6, name: '山西普勤300MW机组低热值煤热解燃烧分级利用多联产技术改造项目', office: '国际能源' },
			
 
				+  //   { value: 10, name: '大地控股忻州新店矿业年产800万吨精品砂石骨料项目', office: '大地控股' },
			
 
				+  //   { value: 3.6, name: '山西大地100万吨脱硫石膏循环利用项目', office: '大地控股' },
			
 
				+  //   { value: 1.72, name: '中国北方林果苗木繁育基地项目', office: '神农科技' },
			
 
				+  //   { value: 4, name: '山西种业创新园一期项目', office: '山西焦煤' },
			
 
				+  //   { value: 1.53, name: '智慧农机装备园项目', office: '神农科技' },
			
 
				+  //   { value: 5.9, name: '山西蓝远快递物流园项目', office: '华远陆港' },
			
 
				+  //   { value: 2.64, name: '山西省智慧旅游云平台二期项目', office: '文旅集团' },
			
 
				+  //   { value: 9.34, name: '清凉湾温泉康养项目', office: '文旅集团' },
			
 
				+  //   { value: 5.93, name: '山西建筑产业现代化临汾园区一期项目', office: '山西建投' },
			
 
				+  //   { value: 4.01, name: '晋城市万鑫顺达100MW光伏二期项目', office: '山西建投' },
			
 
				+  //   { value: 2, name: '潇河产业园钢结构生产基地项目', office: '山西建投' },
			
 
				+  //   { value: 0.5, name: '山西省马铃薯工程技术研究中心项目', office: '神农科技' },
			
 
				+  //   { value: 0.4, name: '晋能控股矿井透水智能应急救援系统研究项目', office: '晋能控股' },
			
 
				+  //   { value: 1.2, name: '智慧交通山西省实验室项目', office: '交控集团' },
			
 
				+  //   { value: 3, name: '山西“时代云”项目', office: '云时代' },
			
 
				+  //   { value: 0.7, name: '山西新元煤炭5G+智能化矿井项目', office: '潞安化工' },
			
 
				+  //   { value: 1, name: '山西高河能源智能化矿井项目', office: '潞安化工' },
			
 
				+  //   { value: 192, name: '新建雄安新区至忻州高速铁路（山西段）项目', office: '华远陆港' },
			
 
				+  //   { value: 248.2, name: '新建集宁经大同至原平铁路项目', office: '华远陆港' },
			
 
				+  //   { value: 246.1, name: '太原武宿（国际）机场三期改扩建工程', office: '航产集团' },
			
 
				+  //   { value: 15, name: '山西省万家寨引黄入晋工程总干线南干线泵站二期扩机工程', office: '水控集团' },
			
 
				+  //   { value: 132.55, name: '山西省中部引黄工程', office: '水控集团' },
			
 
				+  //   { value: 58.27, name: '山西智能高端装备产业园区基础设施建设及厂房配套项目', office: '太重集团' },
			
 
				+  //   { value: 146.2, name: '潇河新城项目', office: '山西建投' },
			
 
				+  //   { value: 12.76, name: '山西体育职业学院新校区项目', office: '华舰体育' },
			
 
				+  // ]
			
 
				+  [{ value: '11.42', name: '华钠铜（碳）年产万吨级钠离子电池正负极材料项目', office: '华阳新材' },
			
 
				+  { value: '18.11', name: '太重退城入园智能高端装备生产线升级改造项目', office: '太重集团' },
			
 
				+  { value: '17.82', name: '太重智能高端液压挖掘机项目', office: '太重集团' },
			
 
				+  { value: '1.62', name: '太重（大同）高端起重机产业基地二期项目', office: '太重集团' },
			
 
				+  { value: '4.00', name: '太重液压挖掘机四轮一带项目', office: '太重集团' },
			
 
				+  { value: '8.30', name: '太重中大型工程起重机智能制造项目', office: '太重集团' },
			
 
				+  { value: '3.55', name: '太重高端工程机械齿轮箱智能制造项目', office: '太重集团' },
			
 
				+  { value: '27.70', name: '侯马北铜年处理铜精矿150万吨综合回收项目', office: '云时代' },
			
 
				+  { value: '2.00', name: '山西固废资源化利用交通科技园项目', office: '交控集团' },
			
 
				+  { value: '16.73', name: '北方铜业铜矿峪矿园子沟尾矿库项目', office: '云时代' },
			
 
				+  { value: '3.90', name: '山西综改示范区潇河产业园区建筑垃圾资源化处理项目', office: '山西建投' },
			
 
				+  { value: '23.96', name: '山西北铜高性能压延铜带箔和覆铜板项目', office: '云时代' },
			
 
				+  { value: '8.70', name: '大地控股忻州新店年产800万吨精品砂石骨料项目', office: '大地控股' },
			
 
				+  { value: '6.71', name: '山西建投晋西北建筑产业园区项目', office: '山西建投' },
			
 
				+  { value: '4.98', name: '山西建投长治建筑产业园区一期项目', office: '山西建投' },
			
 
				+  { value: '14.80', name: '汾青基地2万吨原酒酿造一期项目', office: '汾酒集团' },
			
 
				+  { value: '9.34', name: '忻州清凉湾温泉康养项目', office: '文旅集团' },
			
 
				+  { value: '32.10', name: '山西路桥数字化交通产业园（南区）项目', office: '交控集团' },
			
 
				+  { value: '5.49', name: '山西农谷智慧冷链物流园项目', office: '山西建投' },
			
 
				+  { value: '1.50', name: '大同液化调峰储备集散中心二期项目', office: '华新燃气' },
			
 
				+  { value: '5.67', name: '天镇万头奶牛智慧牧场项目', office: '神农科技' },
			
 
				+  { value: '52.56', name: '阳泉郊区西上庄煤矿项目', office: '晋能控股' },
			
 
				+  { value: '67.00', name: '和顺泊里矿井及选煤厂项目', office: '华阳新材' },
			
 
				+  { value: '50.77', name: '寿阳七元煤矿项目', office: '华阳新材' },
			
 
				+  { value: '87.69', name: '沁源中峪煤矿项目', office: '山西焦煤' },
			
 
				+  { value: '27.52', name: '晋城兴唐车寨煤矿及选煤厂项目', office: '晋能控股' },
			
 
				+  { value: '69.28', name: '阳城龙湾矿井及选煤厂项目', office: '晋能控股' },
			
 
				+  { value: '62.46', name: '沁水东大矿井及选煤厂项目', office: '晋能控股' },
			
 
				+  { value: '83.06', name: '沁水郑庄矿井及选煤厂项目', office: '晋能控股' },
			
 
				+  { value: '56.62', name: '乡宁谭坪煤矿一期项目', office: '山西焦煤' },
			
 
				+  { value: '66.27', name: '灵石灵北煤矿及选煤厂项目', office: '山西焦煤' },
			
 
				+  { value: '72.67', name: '晋控电力同热三期2x100万千瓦“上大压小”煤电项目', office: '晋能控股' },
			
 
				+  { value: '33.30', name: '山煤集团河曲2x35万千万低热值煤发电项目', office: '山西焦煤' },
			
 
				+  { value: '53.85', name: '西上庄低热值煤发电项目', office: '华阳新材' },
			
 
				+  { value: '2.50', name: '阳城煤层气集输中心（町店配气站二期扩容改造）项目', office: '华新燃气' },
			
 
				+  { value: '3.10', name: '高速公路充电桩建设项目', office: '交控集团' },
			
 
				+  { value: '7.10', name: '三个一号旅游公路和“四好农村路”沿线充电桩建设项目', office: '交控集团' },
			
 
				+  { value: '1.00', name: '山西省静态交通大数据平台项目', office: '山西建投' },
			
 
				+  { value: '248.21', name: '集宁经大同至原平铁路项目', office: '华远陆港' },
			
 
				+  { value: '192.06', name: '雄安新区至忻州高速铁路山西段项目', office: '华远陆港' },
			
 
				+  { value: '6.60', name: '阳涉铁路开通客运服务项目', office: '华远陆港' },
			
 
				+  { value: '209.86', name: '昔阳（晋冀界）至榆次高速公路项目', office: '交控集团' },
			
 
				+  { value: '72.88', name: '青银二广高速公路太原联络线项目', office: '交控集团' },
			
 
				+  { value: '62.02', name: '晋阳高速公路改扩建工程', office: '交控集团' },
			
 
				+  { value: '231.10', name: '青兰国家高速公路长治至延安联络线（G2211）山西境黎城至霍州段项目', office: '交控集团' },
			
 
				+  { value: '117.14', name: '汾阳至石楼高速公路项目', office: '交控集团' },
			
 
				+  { value: '104.90', name: '呼北国家高速公路离石至隰县段项目', office: '交控集团' },
			
 
				+  { value: '19.70', name: '临汾至沁水高速公路临汾至浮山段项目', office: '交控集团' },
			
 
				+  { value: '130.19', name: 'G108线重点路段新建改建工程（含2个子项目）', office: '交控集团' },
			
 
				+  { value: '41.71', name: '国道241、省道岚马线汾河水库段改线工程', office: '交控集团' },
			
 
				+  { value: '16.38', name: 'G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目', office: '交控集团' },
			
 
				+  { value: '23.17', name: 'G336线应县罗庄至朔城区东榆林改扩建工程', office: '交控集团' },
			
 
				+  { value: '239.28', name: '太原武宿（国际）机场三期改扩建项目', office: '航产集团' },
			
 
				+  { value: '7.62', name: '太原武宿（国际）机场三期改扩建综合交通中心配套项目', office: '航产集团' },
			
 
				+  { value: '11.63', name: '大盂产业新城标准化厂房基础设施一期项目', office: '山西建投' },
			
 
				+  { value: '12.80', name: '滹沱河供水工程', office: '水控集团' },
			
 
				+  { value: '240.00', name: '全省县域水网及城乡供水一体化首批项目', office: '水控集团' },
			
 
				+  { value: '27.30', name: '小浪底引黄（灌区、工业及城镇生活供水）工程', office: '水控集团' },
			
 
				+  { value: '20.30', name: '阳泉龙华口调水工程', office: '水控集团' },
			
 
				+  { value: '15.63', name: '万家寨引黄北干支线工程', office: '水控集团' },
			
 
				+  { value: '15.00', name: '万家寨引黄入晋总干线南干线泵站二期扩机项目', office: '水控集团' },
			
 
				+  { value: '1.20', name: '智慧交通山西省实验室项目', office: '交控集团' },
			
 
				+  { value: '1.50', name: '山西隧道与地下工程研究中心项目', office: '交控集团' },
			
 
				+  { value: '12.76', name: '山西体育职业学院新校区项目', office: '华舰体育' },
			
 
				+  { value: '2.08', name: '屯留沙家庄航空产教融合实训基地项目', office: '华舰体育' },
			
 
				+  { value: '55.87', name: '太重智能高端装备产业园区基础设施及厂房配套项目', office: '太重集团' },
			
 
				+  { value: '13.70', name: '山西综改示范区中小企业产业园一期项目', office: '交控集团' },
			
 
				+  { value: '80.53', name: '临县三交一号煤矿项目', office: '山西焦煤' },
			
 
				+  { value: '60.21', name: '中阳吴家峁矿井及选煤厂项目', office: '山西焦煤' },
			
 
				+  { value: '6.40', name: '华阳云冈千吨级高性能碳纤维一期示范项目', office: '华阳新材' }]
			
 
				+
			
 
				+// let projectList = [
			
 
				+//   { value: 8.67, name: '大地控股忻州新店矿业有限公司年产800万吨精品砂石骨料项目', office: '大地控股', status: '决策完成' },
			
 
				+//   { value: 4.98, name: '保健酒园区新增原酒产能项目', office: '汾酒集团', status: '决策完成' },
			
 
				+//   { value: 5.00, name: '山西兆光发电有限责任公司100MW农光储一体化项目', office: '国际能源', status: '决策完成' },
			
 
				+//   { value: 4.99, name: '山阴100MW农光储氢一体化项目', office: '国际能源', status: '决策完成' },
			
 
				+//   { value: 4.99, name: '应县100MW农光储氢一体化项目', office: '国际能源', status: '决策完成' },
			
 
				+//   { value: 10.45, name: '山西国际能源和顺综合清洁能源供应（风光储）一体化项目', office: '国际能源', status: '已立项' },
			
 
				+//   { value: 7.84, name: '平朔矿区150MW农光储氢一体化项目', office: '国际能源', status: '决策完成' },
			
 
				+//   { value: 226.21, name: '太原武宿国际机场三期改扩建工程机场工程', office: '航产集团', status: '决策完成' },
			
 
				+//   { value: 6.34, name: '世行项目煤层气滚动开发续建工程', office: '华新燃气', status: '决策完成' },
			
 
				+//   { value: 3.54, name: '吉县-延长输气管道项目', office: '华新燃气', status: '决策完成' },
			
 
				+//   { value: 62.27, name: '灵北煤矿矿井及选煤厂项目(历史遗留项目)', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 60.21, name: '吴家峁矿井及选煤厂项目(历史遗留项目)', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 15.25, name: '山西焦煤汾西荣欣矿区铁路专用线（一期）工程', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 80.53, name: '三交一号矿井及选煤厂', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 13.56, name: '马家岩煤业', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 35.00, name: '山煤河曲2×350MW低热值煤发电项目', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 60.21, name: '吴家峁矿井及选煤厂项目中泰煤业(历史遗留项目)', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 20.21, name: '铂龙煤业', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 47.98, name: '山西乡宁矿区谭坪煤矿一期工程项目(历史遗留项目)', office: '山西焦煤', status: '决策完成' },
			
 
				+//   { value: 72.67, name: '同热三期2×100万千万项目', office: '晋能控股', status: '已立项' },
			
 
				+//   { value: 4.01, name: '晋城市万鑫顺达100MW光伏二期项目', office: '晋能控股', status: '决策审批中' },
			
 
				+//   { value: 10.08, name: '设立山西潇河新城酒店有限公司', office: '山西建投', status: '决策完成' },
			
 
				+//   { value: 5.52, name: '潇河国际会议中心', office: '山西建投', status: '决策完成' },
			
 
				+//   { value: 40.30, name: '山西·潇河新城酒店', office: '山西建投', status: '决策完成' },
			
 
				+//   { value: 43.59, name: '潇河国际会展中心', office: '山西建投', status: '决策完成' },
			
 
				+//   { value: 9.83, name: '新源智慧建设运行总部', office: '山西建投', status: '决策完成' },
			
 
				+//   { value: 0.74, name: '有机旱作农业国家重点实验室仪器设备采购项目', office: '神农科技', status: '决策完成' },
			
 
				+//   { value: 1.72, name: '中国北方林果苗木繁育基地项目', office: '神农科技', status: '决策完成' },
			
 
				+//   { value: 1.53, name: '智慧农机装备园项目', office: '神农科技', status: '决策完成' },
			
 
				+//   { value: 0.46, name: '山西省马铃薯工程技术研究中心', office: '神农科技', status: '决策完成' },
			
 
				+//   { value: 11.68, name: '太忻一体化经济区滹沱河供水工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 3.19, name: '山西省滹沱河重点段河道治理工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 27.30, name: '山西省小浪底引黄工程（灌区、工业及城镇生活供水部分）', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 40.32, name: '晋中东山供水工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 15.00, name: '山西省万家寨引黄入晋工程总干线南干线泵站二期扩机工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 2.58, name: '万家寨引黄南干线滤沱河连通工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 12.39, name: '山西省泽城西安水电站（二期）工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 7.88, name: '西范灌区东扩工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 9.34, name: '中部引黄交口县域供水工程', office: '水控集团', status: '决策完成' },
			
 
				+//   { value: 60.00, name: '山西省（太重）智能高端装备产业园区项目', office: '太重集团', status: '决策完成' },
			
 
				+//   { value: 39.30, name: '山西（太重）智能液压挖掘机产业园区生产线建设项目', office: '太重集团', status: '决策完成' },
			
 
				+//   { value: 2.64, name: '山西省智慧旅游云平台项目（二期）', office: '文旅集团', status: '决策完成' },
			
 
				+//   { value: 2.03, name: '娘子关景区创建国家AAAA旅游景区建设项目', office: '文旅集团', status: '决策完成' },
			
 
				+//   { value: 20.55, name: '孟母养生健康城（历史遗留）', office: '文旅集团', status: '决策完成' },
			
 
				+//   { value: 45.00, name: '山西省文化产业园（历史遗留）', office: '文旅集团', status: '决策完成' },
			
 
				+//   { value: 9.34, name: '清凉湾温泉康养小镇项目', office: '文旅集团', status: '决策完成' },
			
 
				+//   { value: 18.62, name: '平舒铁路专用线项目', office: '华阳新材', status: '决策完成' },
			
 
				+//   { value: 50.77, name: '七元煤矿项目', office: '华阳新材', status: '决策完成' },
			
 
				+//   { value: 50.09, name: '泊里煤矿项目', office: '华阳新材', status: '决策完成' },
			
 
				+
			
 
				+//   { value: 34.92, name: '侯马北铜铜业有限公司年处理铜精矿150（优化变更 80）万吨综合回收项目(历史遗留项目）', office: '云时代', status: '决策完成' },
			
 
				+//   { value: 26.14, name: '山西北铜新材料科技有限公司新建高性能压延铜带箔和覆铜板项目（历史遗留项目）', office: '云时代', status: '决策完成' },
			
 
				+//   { value: 16.73, name: '山西北方铜业有限公司铜矿峪矿园子沟尾矿库项目（历史遗留项目）', office: '云时代', status: '决策完成' },
			
 
				+
			
 
				+
			
 
				+// ]
			
--- a/分屏/js/data2.js
+++ b/分屏/js/data2.js
@@ -0,0 +1,120 @@
 
				+// let dataList = [
			
 
				+//   [[6.41, 30.93, 4.74, 37.74, 11.19], [8.61, 34.87, 29.28, 32.30, 12.82], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+//   [[3.02, 25.82, 23.03, 41.55, 5.11], [4.06, 29.12, 24.45, 35.57, 5.85], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+//   [[15.87, 0.32, 43.08, 31.79, 19.33], [21.32, 0.36, 0.30, 27.21, 22.15], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+//   [[7.16, 22.31, 25.51, 0.66, 12.17], [9.61, 25.15, 21.12, 0.56, 13.95], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+//   [[6.87, 17.94, 11.04, 36.47, 8.32], [9.23, 20.22, 16.98, 31.21, 9.53], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+//   [[20.59, 14.80, 15.56, 21.25, 13.52], [27.66, 16.68, 14.01, 18.19, 15.50], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+//   [[16.68, 32.06, 21.10, 6.22, 12.19], [22.41, 36.16, 30.36, 5.32, 13.97], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+//   [[4.24, 15.54, 23.05, 4.00, 23.28], [5.70, 17.52, 14.71, 3.42, 26.68], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+//   [[16.13, 0.85, 11.82, 11.62, 16.54], [21.67, 0.95, 0.80, 9.95, 18.95], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+//   [[5.71, 1.25, 5.95, 5.62, 19.78], [7.67, 1.41, 1.18, 4.81, 22.66], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+//   [[5.07, 19.76, 11.03, 32.29, 7.42], [6.80, 22.28, 18.71, 27.63, 8.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+//   [[15.40, 24.98, 9.76, 2.57, 25.15], [20.68, 28.16, 23.65, 2.20, 28.82], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+//   [[14.06,11.81,24.58,23.09,22.46 ], [18.88,13.31,11.18,19.77,25.73], [20.98,12.56,29.98,25.02,24.98 ]],
			
 
				+//   [[6.46, 17.88, 35.68, 27.07, 14.77], [8.68, 20.16, 16.93, 23.17, 16.92], [9.64, 19.02, 43.51, 29.33, 16.43]],
			
 
				+
			
 
				+//   [[5.29, 1.78, 45.90, 33.34, 16.16], [7.11, 2.00, 1.68, 28.53, 18.52], [7.90, 1.89, 55.98, 36.12, 17.98]],
			
 
				+//   [[13.85, 4.29, 19.60, 11.39, 21.19], [18.60, 4.83, 4.06, 9.75, 24.28], [20.67, 4.56, 23.90, 12.34, 23.57]],
			
 
				+//   [[17.13, 5.01, 23.56, 7.90, 24.37], [23.01, 5.65, 4.74, 6.76, 27.92], [25.57, 5.33, 28.73, 8.56, 27.11]],
			
 
				+//   [[22.60, 14.56, 18.02, 7.69, 5.90], [30.36, 16.42, 13.79, 6.58, 6.76], [33.73, 15.49, 21.98, 8.33, 6.56]],
			
 
				+//   [[17.76, 23.11, 18.88, 22.68, 29.42], [23.85, 26.05, 21.88, 19.41, 33.71], [26.50, 24.58, 23.02, 24.57, 32.73]]
			
 
				+
			
 
				+// ]
			
 
				+// 生存/发展/指标
			
 
				+let dataList = [
			
 
				+  // [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+  // [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+  // [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+  // [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+  // [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+  // [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+  // [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+  // [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+  // [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+  // [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+  // [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+  // [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+  // [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
			
 
				+  // [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
			
 
				+  // [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
			
 
				+  // [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
			
 
				+  // [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
			
 
				+  // [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
			
 
				+  // [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]]
			
 
				+  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
			
 
				+  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
			
 
				+  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
			
 
				+  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
			
 
				+  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
			
 
				+  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
			
 
				+  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
			
 
				+  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
			
 
				+  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
			
 
				+  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
			
 
				+  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
			
 
				+  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
			
 
				+  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
			
 
				+  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
			
 
				+  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]],
			
 
				+  [[3.86, 17.12, 17.06, 28.74, 5.59], [4.82, 34.24, 24.37, 41.06, 11.17], [9.64, 19.02, 43.51, 29.33, 16.43]],
			
 
				+  [[5.53, 0.91, 17.91, 12.14, 15.10], [11.06, 1.51, 44.78, 21.67, 25.17], [7.90, 1.89, 55.98, 36.12, 17.98]],
			
 
				+  [[5.79, 2.74, 8.51, 9.87, 9.62], [11.58, 9.12, 21.27, 24.68, 16.03], [20.67, 4.56, 23.90, 12.34, 23.57]],
			
 
				+  [[7.16, 4.26, 14.94, 4.17, 9.76], [14.32, 10.66, 37.35, 7.45, 16.27], [25.57, 5.33, 28.73, 8.56, 27.11]],
			
 
				+  [[21.92, 7.25, 7.30, 6.66, 3.54], [43.85, 12.08, 18.24, 16.66, 5.90], [33.73, 15.49, 21.98, 8.33, 6.56]],
			
 
				+  [[9.01, 20.65, 5.25, 12.25, 27.49], [18.02, 34.41, 13.12, 21.87, 45.82], [26.50, 24.58, 23.02, 24.57, 32.73]],
			
 
				+  [[4.59, 26.32, 3.24, 17.17, 9.96], [5.74, 49.35, 4.62, 24.53, 24.90], [9.57, 32.90, 5.78, 40.89, 12.45]],
			
 
				+  [[2.16, 21.98, 15.73, 14.18, 4.54], [2.71, 41.21, 22.47, 20.26, 11.36], [4.51, 27.47, 28.09, 45.02, 5.68]],
			
 
				+  [[11.85, 0.14, 47.81, 9.64, 5.38], [33.17, 0.17, 68.30, 13.78, 10.75], [23.69, 0.34, 52.54, 34.44, 21.50]],
			
 
				+  [[5.34, 9.49, 16.99, 0.67, 3.39], [16.02, 18.98, 24.27, 1.35, 6.77], [10.68, 23.73, 31.11, 0.71, 13.54]],
			
 
				+  [[5.13, 7.63, 7.35, 29.63, 2.31], [15.38, 15.26, 10.50, 59.27, 4.63], [10.25, 19.08, 13.46, 39.51, 9.25]],
			
 
				+  [[8.50, 11.05, 10.32, 17.21, 4.72], [10.63, 22.10, 14.75, 24.58, 9.44], [30.73, 15.74, 18.98, 23.02, 15.05]],
			
 
				+  [[11.53, 3.24, 9.30, 5.98, 10.23], [14.41, 6.47, 13.29, 19.92, 20.47], [24.90, 34.11, 25.73, 6.74, 13.56]],
			
 
				+  [[5.06, 7.36, 11.81, 1.82, 23.31], [12.03, 14.71, 16.87, 2.60, 46.62], [6.33, 16.53, 28.11, 4.33, 25.90]],
			
 
				+  [[19.26, 0.40, 6.05, 5.29, 16.56], [45.75, 0.80, 8.65, 7.55, 33.12], [24.08, 0.90, 14.41, 12.59, 18.40]],
			
 
				+  [[6.82, 0.59, 3.05, 2.56, 19.80], [16.19, 1.18, 4.35, 3.65, 39.60], [8.52, 1.33, 7.25, 6.09, 22.00]],
			
 
				+  [[6.05, 7.36, 6.59, 17.14, 6.60], [10.58, 14.71, 9.42, 24.49, 16.50], [7.56, 21.02, 13.45, 34.98, 8.25]],
			
 
				+  [[10.85, 15.94, 4.17, 2.22, 8.25], [13.56, 31.88, 5.95, 5.56, 16.51], [22.98, 26.57, 11.90, 2.78, 27.98]],
			
 
				+  [[14.69, 3.77, 27.28, 14.01, 11.12], [31.47, 7.54, 38.97, 20.02, 22.23], [20.98, 12.56, 29.98, 25.02, 24.98]]
			
 
				+]
			
 
				+
			
 
				+let dataType = [
			
 
				+  ['总投资收益率', '销售利润率', '成本费用利润率', '总资产周转率', '财务内部收益率'],
			
 
				+  ['净投资收益率', '销售利润率', '成本费用利润率', '总资产周转率', '经济增加值率']
			
 
				+]