修改柱状图宽度 修改标题层级

investment/investHomeGroup.html

@@ -319,7 +319,7 @@
         </div>
       </div>
       <div  class="h-full w-full  relative" v-show="!centerShow">
-        <div class="top animate__animated animate__fadeInDown" style="position: absolute;width: 1000px;left: calc( 50% - 500px );">
+        <div class="top animate__animated animate__fadeInDown" style="position: absolute;width: 1000px;left: calc( 50% - 500px );z-index: 999;">
           <div class="box">
             <div class="t">
               <img src="./groupImg/center1.png" />

investment/js/investHomeGroup.js

@@ -1642,7 +1642,7 @@ let app = new Vue({
             backgroundStyle: {
               color: "#18416F",
             },
-            barWidth: "30%",
+            barWidth: "20",
             itemStyle: {
               // barBorderRadius: [10, 10, 0, 0],
               color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
@@ -2601,7 +2601,7 @@ let app = new Vue({
           {
             name: '实际值',
             type: 'bar',
-            barWidth: 15,
+            barWidth: 20,
             itemStyle: {
               normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
@@ -2776,7 +2776,7 @@ let app = new Vue({
             type: 'scatter',
             symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
             symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 3;
+              return Math.sqrt(data[2]) * 5;
             },
             label: {
               emphasis: {
@@ -2789,7 +2789,7 @@ let app = new Vue({
             },
             itemStyle: {
               normal: {
-                color: '#40A9FF'
+                color: '#69c0ff'
               }
             },
             data: left13[0]
@@ -2799,7 +2799,7 @@ let app = new Vue({
             type: 'scatter',
             symbol: 'circle',//'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
             symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 3;
+              return Math.sqrt(data[2]) * 5;
             },
             label: {
               emphasis: {
@@ -2812,7 +2812,7 @@ let app = new Vue({
             },
             itemStyle: {
               normal: {
-                color: '#45DAD1'
+                color: '#957DFF'
               }
             },
             data: left13[1]
@@ -2927,7 +2927,7 @@ let app = new Vue({
             type: 'scatter',
             symbol: 'circle',
             symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 3;
+              return Math.sqrt(data[2]) * 5;
             },
             label: {
               emphasis: {
@@ -2950,7 +2950,7 @@ let app = new Vue({
             type: 'scatter',
             symbol: 'circle',
             symbolSize: function (data) {
-              return Math.sqrt(data[2]) * 3;
+              return Math.sqrt(data[2]) * 5;
             },
             label: {
               emphasis: {
@@ -2963,7 +2963,7 @@ let app = new Vue({
             },
             itemStyle: {
               normal: {
-                color: '#45DAD1'
+                color: '#957DFF'
               }
             },
             data: left14[1]
@@ -3565,7 +3565,7 @@ let app = new Vue({
     },
     initChinaChart () {
       var data = [{ name: '河北', value: 60.35, value2: 28 },
-      { name: '山西', value: 160.35, value2: 29 },
+      { name: '山西', value: 4060.35, value2: 29 },
       { name: '辽宁', value: 260.35, value2: 30 },
       { name: '吉林', value: 360.35, value2: 30 },
       { name: '黑龙江', value: 460.35, value2: 30 },
@@ -3580,7 +3580,7 @@ let app = new Vue({
       { name: '湖南', value: 160.35, value2: 29 },
       { name: '广东', value: 260.35, value2: 30 },
       { name: '海南', value: 360.35, value2: 30 },
-      { name: '四川', value: 460.35, value2: 30 },
+      { name: '四川', value: 6.35, value2: 30 },
       { name: '贵州', value: 560.35, value2: 30 },
       { name: '云南', value: 60.35, value2: 28 },
       { name: '陕西', value: 160.35, value2: 29 },
@@ -4924,7 +4924,7 @@ let app = new Vue({
       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}亿<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}：${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}：${data[3].value}亿`
+            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}亿<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}：${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}：${data[3].value}亿`
           },
           trigger: 'axis',
           axisPointer: {