Selaa lähdekoodia

土地供应完成供应修改完成

maxiaoxiao 11 kuukautta sitten
vanhempi
commit
15f80a3e7a
2 muutettua tiedostoa jossa 82 lisäystä ja 26 poistoa
  1. 39 11
      src/views/cockpit/hysy.vue
  2. 43 15
      src/views/cockpit/tdsy.vue

+ 39 - 11
src/views/cockpit/hysy.vue

@@ -126,17 +126,45 @@ export default {
             }
             }
 
 
             // yAxis
             // yAxis
-            const yAxis = [{
-                axisTick: { show: false },
-                axisLine: { show: false },
-                splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' } },
-                axisLabel: { show: false, textStyle: { fontSize: 14, color: '#fff' } }
-            }, {
-                show: false,
-                splitLine: { show: false },
-                axisLine: { show: false },
-                axisTick: { show: false },
-            }]
+            const yAxis =  [
+          {
+            min: 0,
+            name: '公顷',
+            type: 'value',
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: '#BCD3E5'
+              }
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                color: "rgba(255,255,255,0.1)"
+              },
+            },
+            axisTick: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              fontSize: 12,
+
+            },
+            boundaryGap: ['20%', '20%']
+            },]
+            // const yAxis = [{
+            //     axisTick: { show: false },
+            //     axisLine: { show: false },
+            //     splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' } },
+            //     axisLabel: { show: false, textStyle: { fontSize: 14, color: '#fff' } }
+            // }, {
+            //     show: false,
+            //     splitLine: { show: false },
+            //     axisLine: { show: false },
+            //     axisTick: { show: false },
+            // }]
             // const diamondData = mockData.result.reduce((pre, cur, index) => {
             // const diamondData = mockData.result.reduce((pre, cur, index) => {
             //     pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
             //     pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
             //     return pre
             //     return pre

+ 43 - 15
src/views/cockpit/tdsy.vue

@@ -75,7 +75,7 @@
             <div class="lb_box box">
             <div class="lb_box box">
               <div class="text">
               <div class="text">
                 <p>完成供应</p>
                 <p>完成供应</p>
-                <span>{{ store.state.cockpit_tdgy.gy_jd_info.info.sj_cr_crmj }}</span>公顷
+                <span>{{ store.state.cockpit_tdgy.gy_jd_info.info.sj_crmj }}</span>公顷
               </div>
               </div>
             </div>
             </div>
             <div id="dial_watch_gy_jd">
             <div id="dial_watch_gy_jd">
@@ -254,7 +254,7 @@ export default {
         trigger: "axis",
         trigger: "axis",
         textStyle: { fontSize: '100%' },
         textStyle: { fontSize: '100%' },
         formatter: params => {
         formatter: params => {
-          let rander = params.map(item => `<div>${item.seriesName}: ${item.value}</div>`).join('')
+          let rander = params.map(item => `<div>${item.seriesName}: ${item.value}</div>公顷`).join('')
           return rander
           return rander
         }
         }
       }
       }
@@ -293,17 +293,45 @@ export default {
       }
       }
 
 
       // yAxis
       // yAxis
-      const yAxis = [{
-        axisTick: { show: false },
-        axisLine: { show: false },
-        splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' } },
-        axisLabel: { show: false, textStyle: { fontSize: 14, color: '#fff' } }
-      }, {
-        show: false,
-        splitLine: { show: false },
-        axisLine: { show: false },
-        axisTick: { show: false },
-      }]
+      const yAxis =  [
+          {
+            min: 0,
+            name: '公顷',
+            type: 'value',
+            axisLine: {
+              show: false,
+              lineStyle: {
+                color: '#BCD3E5'
+              }
+            },
+            splitLine: {
+              show: true,
+              lineStyle: {
+                type: "dashed",
+                color: "rgba(255,255,255,0.1)"
+              },
+            },
+            axisTick: {
+              show: false
+            },
+            axisLabel: {
+              show: true,
+              fontSize: 12,
+
+            },
+            boundaryGap: ['20%', '20%']
+      },]
+      // const yAxis = [{
+      //   axisTick: { show: false },
+      //   axisLine: { show: false },
+      //   splitLine: { lineStyle: { color: 'rgba(255,255,255, .05)' } },
+      //   axisLabel: { show: false, textStyle: { fontSize: 14, color: '#fff' } }
+      // }, {
+      //   show: false,
+      //   splitLine: { show: false },
+      //   axisLine: { show: false },
+      //   axisTick: { show: false },
+      // }]
       const diamondData = mockData.result.reduce((pre, cur, index) => {
       const diamondData = mockData.result.reduce((pre, cur, index) => {
         pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
         pre[index] = cur.data.map((el, id) => el + (pre[index - 1] ? pre[index - 1][id] : 0))
         return pre
         return pre
@@ -328,7 +356,7 @@ export default {
           symbolSize: [18, 12],
           symbolSize: [18, 12],
           data: diamondData[i],
           data: diamondData[i],
           itemStyle: { color: color2[i] },
           itemStyle: { color: color2[i] },
-          tooltip: { show: false },
+          tooltip: { show: true },
         })
         })
 
 
         // 是否最后一个了?
         // 是否最后一个了?
@@ -342,7 +370,7 @@ export default {
             symbolOffset: ["0%", "50%"],
             symbolOffset: ["0%", "50%"],
             symbolSize: [18, 10],
             symbolSize: [18, 10],
             itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } },
             itemStyle: { color: { type: 'linear', x: 0, x2: 1, y: 0, y2: 0, colorStops: color[0] } },
-            tooltip: { show: false },
+            tooltip: { show: true },
           })
           })
           return p
           return p
         }
         }