diff --git a/src/views/sponeScreen/Echarts/DEchart.vue b/src/views/sponeScreen/Echarts/DEchart.vue
index f9b5d4c..95b08bf 100644
--- a/src/views/sponeScreen/Echarts/DEchart.vue
+++ b/src/views/sponeScreen/Echarts/DEchart.vue
@@ -40,26 +40,26 @@
       axisPointer: {
         type: 'shadow',
       },
-      formatter: params => {
-        let str = '';
-        params.forEach(item => {
-          str += `
-          <div style="display: flex;align-items: center;justify-content: space-between;margin-top: 10px">
-            <div style="display: flex;align-items: center;">
-              <span style="background-color: ${item.color};width:10px;height:10px;margin-right:5px;border-radius: 50%"></span>
-              <span>${item.seriesName}</span>
-            </div>
-            <div style="color:#666;font-weight:900;font-size:14px">${item.value}</div>
-          </div>
-        `;
-        });
-        return `
-        <div style="margin: 0px 0 0;line-height:1;width: 180px;">
-          <div>${params[0].axisValue}</div>
-          ${str}
-        </div>
-      `;
-      },
+      // formatter: params => {
+      //   let str = '';
+      //   params.forEach(item => {
+      //     str += `
+      //     <div style="display: flex;align-items: center;justify-content: space-between;margin-top: 10px">
+      //       <div style="display: flex;align-items: center;">
+      //         <span style="background-color: ${item.color};width:10px;height:10px;margin-right:5px;border-radius: 50%"></span>
+      //         <span>${item.seriesName}</span>
+      //       </div>
+      //       <div style="color:#666;font-weight:900;font-size:14px">${item.value}</div>
+      //     </div>
+      //   `;
+      //   });
+      //   return `
+      //   <div style="margin: 0px 0 0;line-height:1;width: 180px;">
+      //     <div>${params[0].axisValue}</div>
+      //     ${str}
+      //   </div>
+      // `;
+      // },
     },
     grid: {
       left: '12%',
@@ -141,13 +141,54 @@
       {
         name: '降雨量',
         type: 'bar',
-        barWidth: 10,
+        barWidth: 18,
         itemStyle: {
-          color: '#11FFB3',
+          color: {
+            x: 0,
+            y: 0,
+            x2: 0,
+            y2: 1,
+            type: 'linear',
+            global: false,
+            colorStops: [
+              {
+                offset: 0,
+                color: '#0b9eff',
+              },
+              {
+                offset: 1,
+                color: '#63caff',
+              },
+            ],
+          },
         },
+        // label: {
+        //   show: true,
+        //   position: 'top',
+        //   distance: 10,
+        //   color: '#fff',
+        // },
         smooth: true,
         data: echartData.yAxis,
       },
+      // {
+      //   data: [1, 1, 1, 1, 1, 1, 1, 1],
+      //   type: 'pictorialBar',
+      //   barMaxWidth: '20',
+      //   symbol: 'diamond',
+      //   symbolOffset: [0, '50%'],
+      //   symbolSize: [20, 15],
+      // },
+      // {
+      //   data: echartData.yAxis,
+      //   type: 'pictorialBar',
+      //   barMaxWidth: '20',
+      //   symbolPosition: 'end',
+      //   symbol: 'diamond',
+      //   symbolOffset: [0, '-50%'],
+      //   symbolSize: [20, 12],
+      //   zlevel: 2,
+      // },
     ],
   });
 };