看版

@@ -53,7 +53,7 @@
     </div>
     </div>
     
     
     <div class="chartCard mt30">
     <div class="chartCard mt30">
-      <div class="title">逾期360天以上未开票</div>
+      <div class="title">应收账款账期</div>
       <div ref="overdueRef" style="width: 100%; height: 24vh;"></div>
       <div ref="overdueRef" style="width: 100%; height: 24vh;"></div>
     </div>
     </div>
   </div>
   </div>
@@ -834,10 +834,7 @@ const setC = (arry, arr1, arr2, arr3) => {
   chartC = echarts.init(overdueRef.value)
   chartC = echarts.init(overdueRef.value)
   const option = {
   const option = {
     tooltip: {
     tooltip: {
-      // trigger: '',
-      // axisPointer: {
-      //   type: 'shadow'
-      // },
+      trigger: 'axis',
       confine: true,
       confine: true,
       valueFormatter: (value) => value + '万',
       valueFormatter: (value) => value + '万',
       backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色
       backgroundColor: 'rgba(5, 28, 51, 1)', // 背景色
@@ -848,18 +845,18 @@ const setC = (arry, arr1, arr2, arr3) => {
         fontSize: 12,         // 文字大小
         fontSize: 12,         // 文字大小
       },
       },
       position: 'top',
       position: 'top',
-      formatter: function (row) {
-        return `
-          <div style="font-weight:bold">${row.name}</div>
-          <div style="display:flex;align-items:center;margin-top:5px">
-            ${row.marker}
-            ${row.seriesName == '逾期360天以上' ? '未开票金额' : row.seriesName}: ${row.value}万
-          </div>
-          <div>
-          ${row.data?.info ? row.data?.info?.replaceAll('\n', '<br>') : ''}
-          </div>
-        `;
-      }
+      // formatter: function (row) {
+      //   return `
+      //     <div style="font-weight:bold">${row.name}</div>
+      //     <div style="display:flex;align-items:center;margin-top:5px">
+      //       ${row.marker}
+      //       ${row.seriesName == '逾期360天以上' ? '未开票金额' : row.seriesName}: ${row.value}万
+      //     </div>
+      //     <div>
+      //     ${row.data?.info ? row.data?.info?.replaceAll('\n', '<br>') : ''}
+      //     </div>
+      //   `;
+      // }
     },
     },
     legend: {
     legend: {
       top: '10%',
       top: '10%',
@@ -915,7 +912,7 @@ const setC = (arry, arr1, arr2, arr3) => {
     ],
     ],
     series: [
     series: [
       {
       {
-        name: '0-180天未开票',
+        name: '0-180天',
         type: 'bar',
         type: 'bar',
         stack: 'Ad',
         stack: 'Ad',
         barMaxWidth: 60, // 设置柱子的最大宽度为40px
         barMaxWidth: 60, // 设置柱子的最大宽度为40px
@@ -938,7 +935,7 @@ const setC = (arry, arr1, arr2, arr3) => {
         barWidth: '30%'
         barWidth: '30%'
       },
       },
       {
       {
-        name: '180-360天未开票',
+        name: '180-360天',
         type: 'bar',
         type: 'bar',
         barMaxWidth: 60, // 设置柱子的最大宽度为40px
         barMaxWidth: 60, // 设置柱子的最大宽度为40px
         stack: 'Ad',
         stack: 'Ad',
@@ -960,7 +957,7 @@ const setC = (arry, arr1, arr2, arr3) => {
         barWidth: '30%'
         barWidth: '30%'
       },
       },
       {
       {
-        name: '逾期360天以上',
+        name: '360天以上',
         type: 'bar',
         type: 'bar',
         stack: 'Ad',
         stack: 'Ad',
         barMaxWidth: 60, // 设置柱子的最大宽度为40px
         barMaxWidth: 60, // 设置柱子的最大宽度为40px