调整地图前

investmentNew/index.html

@@ -51,7 +51,7 @@
               <div class="child">
                 <div style="font-size: 28px">固定资产类项目</div>
                 <div></div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold" class="pointer"
+                <div style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#68bdff; font-weight: bold" class="pointer"
                   @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">
                   {{numFormat(yuanChange(left4[1]))}}<span style="font-size: 28px">亿</span>
                 </div>
@@ -63,15 +63,15 @@
                     " @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','固定资产投资金额','','','','','',2141)">
                   {{numFormat(left4[2])}}<span style="font-size: 28px">个</span>
                 </div>
-                <div style="font-size: 28px">投资金额</div>
-                <div style="font-size: 28px; justify-self: center">
+                <div style="font-size: 26px">投资金额</div>
+                <div style="font-size: 26px; justify-self: center">
                   项目数量
                 </div>
               </div>
               <div class="child">
                 <div style="font-size: 28px">股权类项目</div>
                 <div></div>
-                <div class="pointer" style="font-size: 50px; color: #68bdff; font-weight: bold"
+                <div class="pointer" style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#68bdff; font-weight: bold"
                   @click.stop="showChartLTipSingle('投资金额','left','','','投资计划分析','股权类投资金额','','','','','',2141)">
                   {{numFormat(yuanChange(left4[3]))}}<span style="font-size: 28px">亿</span>
                 </div>
@@ -83,8 +83,8 @@
                     " @click.stop="showChartLTipSingle('项目数量','left','','','投资计划分析','股权类项目数量','','','','','',2141)">
                   {{numFormat(left4[4])}}<span style="font-size: 28px">个</span>
                 </div>
-                <div style="font-size: 28px">投资金额</div>
-                <div style="font-size: 28px; justify-self: center">
+                <div style="font-size: 26px">投资金额</div>
+                <div style="font-size: 26px; justify-self: center">
                   项目数量
                 </div>
               </div>
@@ -154,19 +154,19 @@
               @click="leftPenetrateTwo('投资额度分析','总额度','','','',211)"></div>
             <div class="left3A">
               <div class="flex justify-center flex-col" style="padding-left: 35%">
-                <div style="font-size: 48px; font-weight: bold; color: #68bdff">
+                <div style="font-size: 52px; font-weight: bold; color: #68bdff">
                   {{numFormat(yuanChange(left16[0]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">上年度净利润</div>
               </div>
               <div class="flex justify-center flex-col" style="padding-left: 35%">
-                <div style="font-size: 48px; font-weight: bold; color: #68bdff">
+                <div style="font-size: 52px; font-weight: bold; color: #68bdff">
                   {{numFormat(yuanChange(left16[1]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">固定资产折旧及无形资产摊销</div>
               </div>
               <div class="flex justify-center flex-col" style="padding-left: 35%">
-                <div style="font-size: 48px; font-weight: bold; color: #68bdff">
+                <div style="font-size: 52px; font-weight: bold; color: #68bdff">
                   {{numFormat(yuanChange(left16[2]))}}<span class="font28">亿</span>
                 </div>
                 <div class="font28">带息负责压降额</div>
@@ -373,7 +373,7 @@
                   "
                 @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','cyplanamount','','','','','transform',1,2,114)">
                 <span
-                  style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(yuanChange(center4[0]))}}<span
+                  style="font-size: 28px; font-weight: bold; color: #68bdff">{{numFormat(yuanChange(center4[0]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
@@ -385,14 +385,14 @@
                     animation-delay: 1s;
                   "
                 @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','cyplancount','','','','','transform',1,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #68bdff">{{numFormat(center4[1])}}<span
+                <span style="font-size: 28px; font-weight: bold; color: #68bdff">{{numFormat(center4[1])}}<span
                     class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
               <div class="absolute flex items-center justify-center flex-col bubble pointer"
                 style="width: 175px; height: 175px; top: 65%; left: 15%"
                 @click.stop="showChartLTipSingle('项目数量','center','keyIndicators','szplancount','','','','','transform',0,2,114)">
-                <span style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(center4[3])}}<span
+                <span style="font-size: 28px; font-weight: bold; color: #ebde27">{{numFormat(center4[3])}}<span
                     class="font28">个</span></span>
                 <span class="font28">项目数量</span>
               </div>
@@ -400,7 +400,7 @@
                 style="width: 190px; height: 190px; top: 35%; left: 50%"
                 @click.stop="showChartLTipSingle('投资金额','center','keyIndicators','szplanamount','','','','','transform',0,2,114)">
                 <span
-                  style="font-size: 30px; font-weight: bold; color: #ebde27">{{numFormat(yuanChange(center4[2]))}}<span
+                  style="font-size: 28px; font-weight: bold; color: #ebde27">{{numFormat(yuanChange(center4[2]))}}<span
                     class="font28">亿</span></span>
                 <span class="font28">投资金额</span>
               </div>
@@ -428,7 +428,7 @@
             <div class="flex justify-center flex-col pointer"
               @click.stop="showChartLTipSingle('投资总额','center','keyIndicators','investamount','','','','','tab','',1,111)">
               <div>
-                <div style="font-size: 50px; color: #5bdcc8; font-weight: bold">
+                <div style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#5bdcc8; font-weight: bold">
                   {{numFormat(yuanChange(center1[0]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
@@ -439,7 +439,7 @@
             <div class="flex justify-center flex-col pointer"
               @click.stop="showChartLTipSingle('项目总数','center','keyIndicators','projectcount','','','','','tab','',1,111)">
               <div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold">
+                <div style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#68bdff; font-weight: bold">
                   {{numFormat(center1[1])}}<span style="font-size: 28px">个</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
@@ -450,7 +450,7 @@
             <div class="flex justify-center flex-col pointer"
               @click.stop="showChartLTipSingle('固定资产','center','keyIndicators','gdzcamount','','','','','tab','0',1,111)">
               <div>
-                <div style="font-size: 50px; color: #68bdff; font-weight: bold">
+                <div style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#68bdff; font-weight: bold">
                   {{numFormat(yuanChange(center1[2]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
@@ -461,7 +461,7 @@
             <div class="flex justify-center flex-col pointer"
               @click.stop="showChartLTipSingle('股权投资','center','keyIndicators','gqtzamount','','','','','tab','1',1,111)">
               <div>
-                <div style="font-size: 50px; color: #5bdcc8; font-weight: bold">
+                <div style="font-size: 52px; color: rgb(104, 189, 255); font-weight: bold;#5bdcc8; font-weight: bold">
                   {{numFormat(yuanChange(center1[3]))}}<span style="font-size: 28px">亿</span>
                 </div>
                 <div style="font-size: 28px; justify-self: center">
@@ -512,7 +512,7 @@
           <div class="flex justify-center flex-col"
             @click.stop="showChartLTipSingle('投资总额','center','keyIndicators','investamount','','','','','tab','',1,111)">
             <div style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
+              <div style="font-size: 52px; color: #5bdcc8; font-weight: bold">
                 {{numFormat(yuanChange(center1[0]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
@@ -523,7 +523,7 @@
           <div class="flex justify-center flex-col"
             @click.stop="showChartLTipSingle('项目总数','center','keyIndicators','projectcount','','','','','tab','',1,111)">
             <div style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
+              <div style="font-size: 52px; color: #68bdff; font-weight: bold">
                 {{numFormat(center1[1])}}<span style="font-size: 28px">个</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
@@ -534,7 +534,7 @@
           <div class="flex justify-center flex-col"
             @click.stop="showChartLTipSingle('固定资产','center','keyIndicators','gdzcamount','','','','','tab','0',1,111)">
             <div style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #68bdff; font-weight: bold">
+              <div style="font-size: 52px; color: #68bdff; font-weight: bold">
                 {{numFormat(yuanChange(center1[2]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
@@ -545,7 +545,7 @@
           <div class="flex justify-center flex-col"
             @click.stop="showChartLTipSingle('股权投资','center','keyIndicators','gqtzamount','','','','','tab','1',1,111)">
             <div style="padding-left: 40%;">
-              <div style="font-size: 60px; color: #5bdcc8; font-weight: bold">
+              <div style="font-size: 52px; color: #5bdcc8; font-weight: bold">
                 {{numFormat(yuanChange(center1[3]))}}<span style="font-size: 28px">亿</span>
               </div>
               <div style="font-size: 28px; justify-self: center">
@@ -772,7 +772,6 @@
               @click="leftPenetrateTwo('投资额度分析','总额度','','',titleName,212)">
               <div class="total3 total">总额度：<span style="font-size: 40px;">{{numFormat(yuanChange(common1[5]))}}<span
                     style="font-size: 30px;">亿</span></span></div>
-              <!-- <img src="./groupImg/light2.png" class="absolute ballLight2" alt=""> -->
               <div ref="echartBall" style="width: 100%; height: 80%;"></div>
             </div>
           </div>

investmentNew/js/index.js

@@ -507,19 +507,7 @@ let app = new Vue({
       this.lpRotate();
       this.getAppToken()
       setTimeout(() => {
-        // if (that.mapShow) {
-        //   // that.leftEcharts12Fun()
-        //   // that.leftEcharts14Fun()
-        //   that.leftEcharts9Fun()
-        //   // that.leftEcharts15Fun()
-        //   that.leftEcharts13Fun()
-        //   that.shanxiEchartsFun()
-        // } else {
-        //   // that.chinaEchartsFun()
-        //   // that.leftEcharts16Fun() // 中国地图背景地球
-        // }
         this.changeTopColor()
-        // this.initChartR4();
       });
     },
     // 获取token
@@ -1353,7 +1341,7 @@ let app = new Vue({
         ],
         legend: {
           selectedMode: false,
-          top: 10,
+          top: 20,
           data: ['正偏差', '容差', '负偏差'],
           textStyle: {
             fontSize: 20,
@@ -1363,6 +1351,8 @@ let app = new Vue({
         },
         textStyle: {
           color: '#fff',
+          fontSize:20,
+          fontFamily: 'Microsoft YaHei',
         },
         tooltip: {
           show: true,
@@ -1373,10 +1363,11 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "20", // 文字字体大小
+            fontFamily: 'Microsoft YaHei',
           },
           formatter: data => {
-            return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color}"></span> ${data[0].seriesName}：${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color}"></span> ${data[1].seriesName}：${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].data[2])}亿`
+            return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color.colorStops[0].color}"></span> ${data[0].seriesName}：${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span> ${data[1].seriesName}：${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color.colorStops[0].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].data[2])}亿`
           },
           axisPointer: {
             //  // type: 'cross',',
@@ -1663,7 +1654,6 @@ let app = new Vue({
         ],
         legend: {
           top: 10,
-          right: 10,
           textStyle: {
             fontSize: 20,
             color: "#fff",
@@ -1685,7 +1675,8 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "20", // 文字字体大小
+            fontFamily: 'Microsoft YaHei',
           },
           formatter: function (p) {
             that.threeCommonCompany.forEach((item, index) => {
@@ -1706,7 +1697,7 @@ let app = new Vue({
             that.initChartR3();
             this.right4Chart ? this.right4Chart.dispose() : ''
             that.initChartR4()
-            return `${p.name}<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#79FFEB;"></span>低风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value3}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#FBE463;"></span>中风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value2}个<br /><span style="display:inline-block;border-radius:50%; margin-right: 10px; width:20px;height:20px;background-color:#F98784;"></span>高风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value}个`
+            return `${p.name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#79FFEB;"></span>低风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value3}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#FBE463;"></span>中风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value2}个<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#F98784;"></span>高风险：${right6[that.threeCommonCompanyIndex][p.dataIndex].value}个`
 
           },
         },
@@ -1738,10 +1729,16 @@ let app = new Vue({
         ],
         yAxis: [
           {
+            name: '个',
             type: "value",
             axisLabel: {
               color: "#fff",
-              fontSize: 22,
+              fontSize: 20,
+            },
+            nameTextStyle: {//y轴上方单位的颜色
+              color: '#fff',
+              fontSize: '20',
+              fontFamily: 'Microsoft YaHei'
             },
             splitLine: {
               show: true,
@@ -1929,7 +1926,7 @@ let app = new Vue({
       let option = {
         tooltip: {
           formatter: (data, ticket, callback) => {
-            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}：${that.numFormat(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}：${that.numFormat(data[1].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[2].color.colorStops[0].color}"></span> ${data[2].seriesName}：${that.numFormat(data[2].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:7px;height:7px;background-color:${data[3].color.colorStops[0].color}"></span> ${data[3].seriesName}：${that.numFormat(data[3].value)}亿`
+            return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px; width:20px;height:20px;background-color:${data[0].color.colorStops[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[2].color.colorStops[0].color}"></span>${data[2].seriesName}：${that.numFormat(data[2].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[3].color.colorStops[0].color}"></span>${data[3].seriesName}：${that.numFormat(data[3].value)}亿`
           },
           confine: true, // 不超出当前表
           textStyle: {
@@ -2137,33 +2134,6 @@ let app = new Vue({
           },
         ],
       }
-      // that.right4Chart.on('click', function (param) {
-      //   that.boardType = 'right2'
-      //   let value = {
-      //     access_token: that.access_token,
-      //     "request": {
-      //       isInsert: that.mockData ? '1' : '0',
-      //       orgName: that.findCode(that.threeCommonCompany[that.threeCommonCompanyIndex][that.right3ChartIndex])
-      //     },
-      //     pageSize: 1000
-      //   }
-      //   post('/ierp/kapi/v2/mdnb/mdnb_xmkb/mdnb_manager_middle/getBudgetExecutionAnalysis', value).then(res => {
-      //     that.rightOriginalConfig6 = res.data
-      //     that.config6.header = ["企业集团", "标准预算项", '项目名称', '预算额（万元）', '合同额（万元）', '结算额（万元）', '付款额（万元）']
-      //     res.data.forEach((item, index) => {
-      //       that.config6.data[index] = []
-      //       that.config6.data[index][0] = item.mdnb_unity_name4
-      //       that.config6.data[index][1] = item.mdnb_aheadname
-      //       that.config6.data[index][2] = item.mdnb_proname
-      //       that.config6.data[index][3] = that.numFormat(item.mdnb_yusuanmoney / 10000)
-      //       that.config6.data[index][4] = that.numFormat(item.mdnb_hetongmoney / 10000)
-      //       that.config6.data[index][5] = that.numFormat(item.mdnb_jiesuanmoney / 10000)
-      //       that.config6.data[index][6] = that.numFormat(item.mdnb_fukuanmoney / 10000)
-      //     })
-      //     that.config6 = { ...that.config6 }
-      //     that.projectListTipShow = true
-      //   })
-      // })
       that.right4Chart.getZr().on('click', function (param) {
         // 获取 点击的 触发点像素坐标
         const pointInPixel = [param.offsetX, param.offsetY]
@@ -2200,7 +2170,6 @@ let app = new Vue({
           })
         }
       })
-      // let option = {
       //   dataZoom: [
       //     {
       //       // start: 9,//默认为@
@@ -2667,6 +2636,7 @@ let app = new Vue({
             fontWeight: "normal",
             color: "#68BDFF",
             fontSize: "20",
+            fontFamily: 'Microsoft YaHei'
           },
         },
         color: ["#68BDFF", "#254F7F"],
@@ -2869,6 +2839,7 @@ let app = new Vue({
             label: {
               normal: {
                 formatter: (params) => {
+
                   var text;
                   text = `${params.value}亿`;
                   return text;
@@ -2877,6 +2848,7 @@ let app = new Vue({
                   // 图列内容样式
                   fontSize: "20",
                   fontWeight: 800,
+                  fontFamily: 'Microsoft YaHei'
                 },
                 position: "right",
                 offset: [0, -3],
@@ -2924,6 +2896,7 @@ let app = new Vue({
             fontWeight: "normal",
             color: "#68BDFF",
             fontSize: "20",
+            fontFamily: 'Microsoft YaHei'
           },
         },
         color: ["#5BDCC8", "#254F7F"],
@@ -3072,19 +3045,6 @@ let app = new Vue({
             barWidth: 16,
             barGap: "20%",
             silent: true,
-            // label: {
-            //     normal: {
-            //         formatter: (item) => {
-            //             return `${item['name']}：${item['value']} `;
-            //         },
-            //         textStyle: {
-            //             color: 'rgba(105, 120, 136, 1)',
-            //             fontSize: 14,
-            //         },
-            //         position: [0, '-25px'],
-            //         show: true,
-            //     },
-            // },
             data: category,
             z: 1,
             itemStyle: {
@@ -3151,6 +3111,7 @@ let app = new Vue({
                   // 图列内容样式
                   fontSize: "20",
                   fontWeight: 800,
+                  fontFamily: 'Microsoft YaHei'
                 },
                 position: "right",
                 offset: [0, -3],
@@ -3235,16 +3196,16 @@ let app = new Vue({
         tooltip: {
           trigger: "item",
           formatter: function (e) {
-            return `<span style="display:inline-block;margin-right:15px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor
-              };"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num
-              }个`;
+            return `<span style="display:inline-block;margin-right:10px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor};"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num}个`;
           },
           backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
+          borderColor:'#135C8A00',
           textStyle: {
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
+            fontFamily: 'Microsoft YaHei'
           },
           confine: true
         },
@@ -3254,8 +3215,9 @@ let app = new Vue({
           left: "65%",
           textStyle: {
             color: "#fff",
-            fontSize: 20,
+            fontSize: 24,
             padding: [0, 20],
+            fontFamily: 'Microsoft YaHei'
           },
         },
         graphic: {
@@ -3400,17 +3362,17 @@ let app = new Vue({
               offsetCenter: [0, 100],
               textStyle: {
                 padding: [0, 0, 0, 0],
-                fontSize: 60,
+                fontSize: 42,
                 color: "#58F7DF",
               },
             },
             title: {
               //标题
               show: true,
-              offsetCenter: [0, 195], // x, y，单位px
+              offsetCenter: [0, 180], // x, y，单位px
               textStyle: {
                 color: "#fff",
-                fontSize: 34, //表盘上的标题文字大小
+                fontSize: 28, //表盘上的标题文字大小
                 fontWeight: 400,
                 fontFamily: "MicrosoftYaHei",
               },
@@ -3418,12 +3380,7 @@ let app = new Vue({
             data: [
               {
                 name: `总额度:${that.numFormat(that.yuanChange(left16[4]))}亿`,
-                value: dataArr,
-                itemStyle: {
-                  fontSize: "50", //y轴上方单位的大小
-                  color: "#FFF666",
-                  fontFamily: "MicrosoftYaHei",
-                },
+                value: dataArr
               },
             ],
             // pointer: {
@@ -4749,14 +4706,7 @@ let app = new Vue({
           trigger: "axis",
           // showContent
           formatter: (data) => {
-            return `${data[0].name
-              }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
-              }"></span> ${data[0].seriesName}：${that.numFormat(
-                data[0].value
-              )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
-              }"></span> ${data[1].seriesName}：${that.numFormat(
-                data[1].value
-              )}亿`;
+            return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${data[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; margin-right:10px;width:20px;height:20px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿`;
           },
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
@@ -4771,7 +4721,7 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
           },
         },
         xAxis: {
@@ -5043,15 +4993,19 @@ let app = new Vue({
           trigger: "axis",
           showContent: true,
           alwaysShowContent: true,
-          formatter:
-            "指标：" +
-            "{c0}" + '%' +
-            "<br/>" +
-            "发展线：" +
-            "{c1}" + '%' +
-            "<br/>" +
-            "生存线：" +
-            "{c2}" + '%', //+ '<br/>'+ '{a1}：{c1}' + '%',
+          // formatter:
+          //   "指标：" +
+          //   "{c0}" + '%' +
+          //   "<br/>" +
+          //   "发展线：" +
+          //   "{c1}" + '%' +
+          //   "<br/>" +
+          //   "生存线：" +
+          //   "{c2}" + '%',
+
+          formatter: (data) => {
+            return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:#69c0ff"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:green"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}<br /><span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:yellow"></span>${data[2].seriesName}：${that.numFormat(data[2].value)}`
+          },
           axisPointer: {
             type: "shadow",
           },
@@ -5061,7 +5015,8 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
+            fontFamily: "Microsoft YaHei",
           }
         },
         grid: {
@@ -5128,6 +5083,7 @@ let app = new Vue({
             barWidth: 20,
             itemStyle: {
               normal: {
+
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                   {
                     offset: 0,
@@ -5144,7 +5100,7 @@ let app = new Vue({
             data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
           },
           {
-            name: "",
+            name: "发展线",
             type: "line",
             barWidth: 15,
             itemStyle: {
@@ -5165,7 +5121,7 @@ let app = new Vue({
             data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
           },
           {
-            name: "",
+            name: "生存线",
             type: "line",
             barWidth: 15,
             itemStyle: {
@@ -5255,10 +5211,10 @@ let app = new Vue({
         color: commonColor,
         title: {
           show: false,
-          text: '风险类型123',
+          text: '风险类型',
           top: '48%',
           textAlign: "center",
-          left: "49%",
+          left: "47%",
           textStyle: {
             color: '#fff',
             fontSize: 18,
@@ -5274,7 +5230,7 @@ let app = new Vue({
             } else {
               that.stageTitle4 = params.name
               that.stageTitle3 = params.percent + '%'
-              return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量：<b>${params.value}</b>个`
+              return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].num}</b>亿<br/>数量：<b>${params.value}</b>个`
             }
           },
           confine: true,
@@ -5284,19 +5240,19 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
           }
         },
         legend: {
           icon: "circle",
           orient: 'vertical',
           data: totalData.map(item => item.name),
-          left: '5%',
+          left: '2%',
           bottom: 0,
           align: 'left',
           textStyle: {
             color: '#FFF',     // 文字的颜色
-            fontSize: '20',    // 文字字体大小
+            fontSize: '24',    // 文字字体大小
             fontFamily: 'Microsoft YaHei'
           },
           itemGap: 20
@@ -5475,12 +5431,14 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
+            fontFamily: 'Microsoft YaHei',
           },
           formatter: (params) => {
             that.stageTitle = params.name
             that.stageTitle2 = params.percent + '%'
-            return `${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
+            return `<span style="display:inline-block;border-radius:50%;margin-right:10px;width:20px;height:20px;background-color:${params.color}"></span>${params.name}：<br/>金额：<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量：<b>${params.value}</b>个`
+
           }
 
         },
@@ -5493,7 +5451,8 @@ let app = new Vue({
           align: 'left',
           textStyle: {
             color: '#FFF',     // 文字的颜色
-            fontSize: '20',    // 文字字体大小
+            fontSize: '24',    // 文字字体大小
+            fontFamily: 'Microsoft YaHei',
           },
           itemGap: 20
         },
@@ -5605,16 +5564,9 @@ let app = new Vue({
         tooltip: {
           show: true,
           trigger: "axis",
-          // formatter: (data) => {
-          //   return `${data[0].name
-          //     }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
-          //     }"></span> ${data[0].seriesName}：${that.numFormat(
-          //       data[0].value
-          //     )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
-          //     }"></span> ${data[1].seriesName}：${that.numFormat(
-          //       data[1].value
-          //     )}亿`;
-          // },
+          formatter: (data) => {
+            return `${data[0].name}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;margin-right:10px;background-color:${data[0].color.colorStops[0].color}"></span>${data[0].seriesName}：${that.numFormat(data[0].value)}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;margin-right:10px;background-color:${data[1].color.colorStops[0].color}"></span>${data[1].seriesName}：${that.numFormat(data[1].value)}亿`;
+          },
           axisPointer: {
             // 坐标轴指示器，坐标轴触发有效
             type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
@@ -5625,7 +5577,7 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
           },
         },
 
@@ -5633,7 +5585,7 @@ let app = new Vue({
           top: "top",
           textStyle: {
             color: "#fff",
-            fontSize: 20,
+            fontSize: 24,
             padding: [0, 20],
           },
         },
@@ -5721,7 +5673,7 @@ let app = new Vue({
               color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                 {
                   offset: 0,
-                  color: '#0F357C',
+                  color: '#B78CFF',
                 },
                 {
                   offset: 1,
@@ -5738,15 +5690,15 @@ let app = new Vue({
             barWidth: "30",
             itemStyle: {
               barBorderRadius: [0, 50, 50, 0],
-              borderColor: '#B78CFF',
+              borderColor: '#3a679f',
               color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                 {
                   offset: 0,
-                  color: '#0F357C80',
+                  color: '#3a679f',
                 },
                 {
                   offset: 1,
-                  color: '#10417F80',
+                  color: '#3a679f',
 
                 },
               ]),
@@ -5788,7 +5740,7 @@ let app = new Vue({
             color: "#fff",
             fontStyle: "normal", // 文字字体的风格（'normal'，无样式；'italic'，斜体；'oblique'，倾斜字体）
             fontWeight: "normal", // 文字字体的粗细（'normal'，无样式；'bold'，加粗；'bolder'，加粗的基础上再加粗；'lighter'，变细；数字定义粗细也可以，取值范围100至700）
-            fontSize: "28", // 文字字体大小
+            fontSize: "24", // 文字字体大小
           },
         },
 
@@ -5820,11 +5772,11 @@ let app = new Vue({
           }
         },
         yAxis: {
-          name: "单位：个数",
+          name: "亿",
           triggerEvent: true,
           nameTextStyle: {
             color: "#fff",
-            fontSize: 16,
+            fontSize: 20,
             padding: [0, 0, 10, -20]
           },
           splitLine: {

investmentNew/styles/index.css

@@ -56,7 +56,7 @@ a {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  font-size: 48px;
+  font-size: 52px;
   font-weight: bold;
   letter-spacing: 5px;
 }
@@ -89,8 +89,7 @@ a {
 }
 .top .mainTitle {
   height: 70%;
-  font-size: 80px;
-  font-style: oblique;
+  font-size: 72px;
   text-shadow: 2px 3px 1px black;
   letter-spacing: 5px;
 }
@@ -133,7 +132,6 @@ a {
   align-items: center;
   padding-left: 7%;
   font-size: 36px;
-  font-style: oblique;
   text-shadow: 2px 3px 1px black;
   letter-spacing: 5px;
 }
@@ -462,8 +460,9 @@ a {
 .projectPop {
   background: rgba(50, 50, 50, 0.7);
   padding: 10px;
-  font-size: 28px;
+  font-size: 24px;
   transition: all 0.3s;
+  font-family: 'Microsoft YaHei';
 }
 .backBlack {
   width: 7680px !important;
@@ -519,6 +518,8 @@ a {
 .left4AShadow{
   box-shadow: 0px 0px 25px rgb(132, 132, 132);
   border-radius: 15px;
+  font-size: 20px;
+  font-family: 'Microsoft YaHei';
 }
 .productTip {
   position: absolute;
@@ -1091,7 +1092,7 @@ i {
 }
 
 .meansHead {
-  font-size: 2rem;
+  font-size: 36px;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #ffffff;
@@ -1145,7 +1146,7 @@ i {
   background: url(../img/3.png) no-repeat;
   background-size: 100% 100%;
   background-position: center;
-  font-size: 1.75rem;
+  font-size: 32px;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #ffffff;
@@ -1186,7 +1187,7 @@ i {
 .itemBac span {
   position: absolute;
   bottom: 0;
-  left: 0;
+  left: 20px;
   width: 100%;
   text-align: center;
 }
@@ -1211,7 +1212,6 @@ i {
   align-items: center;
   padding-left: 7%;
   font-size: 36px;
-  font-style: oblique;
   text-shadow: 2px 3px 1px black;
   letter-spacing: 5px;
 }
@@ -1241,7 +1241,7 @@ i {
 }
 
 .itemTop p {
-  font-size: 1.75rem;
+  font-size: 28px;
   font-family: Source Han Sans CN;
   font-weight: 400;
   color: #ffffff;
@@ -1276,7 +1276,7 @@ i {
   display: flex;
   align-items: flex-end;
   margin-top: 1rem;
-  font-size: 60px;
+  font-size: 52px;
   line-height: 48px;
   font-weight: bold;
   color: #68bdff;
@@ -1298,12 +1298,15 @@ i {
 }
 
 .progressCost .costItem .itemBottom div {
-  font-size: 2rem;
+  font-size: 36px;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: #ffffff;
 }
-
+.pop-content2 .row-item,
+.pop-content2 .header-item {
+  font-size: 30px !important;
+}
 .costItem .itemBottom img {
   width: 2rem;
   height: 1.625rem;