样式调整

src/views/cockpit/hysy.vue

@@ -86,8 +86,8 @@ export default {
                 xdata: ['渔业用海', '工业用海', '交通运输用海', '旅游娱乐用海', '海底工程用海', '排污倾倒用海', '造地工程用海', '特殊用海', '其它用海'],
 
                 result: [
-                    { name: '计划收储', data: [...new Array(33)].map((item, i) => +(Math.random(0, 10) * 1000).toFixed(0)) },
-                    { name: '完成收储', data: [...new Array(33)].map((item, i) => +(Math.random(0, 0.5) * 1000).toFixed(0)) },
+                    { name: '计划出让', data: [...new Array(33)].map((item, i) => +(Math.random(0, 10) * 1000).toFixed(0)) },
+                    { name: '完成出让', data: [...new Array(33)].map((item, i) => +(Math.random(0, 0.5) * 1000).toFixed(0)) },
                 ]
             }
 
@@ -110,7 +110,7 @@ export default {
             }
 
             const legend = {
-                data: ['计划收储', '完成收储'],      //图例名称
+                data: ['计划出让', '完成出让'],      //图例名称
 
                 textStyle: { fontSize: 12, color: '#fff' },
                 itemWidth: 24,

src/views/cockpit/tdsc.vue

@@ -78,17 +78,17 @@ export default {
         itemWidth: 24,
         itemHeight: 15,
         itemGap: 15,
-        top: '2%',
+        top: '-4%',
         right: '2%',
         selectedMode: false
       }
+      const grid = { top: '15%', left: '12%', right: '2%', bottom: '25%' }
       // xAxis
       const xAxis = {
-        offset: 5,
         axisTick: { show: false },
-        axisLine: { lineStyle: { color: 'rgba(255,255,255, .7)' } },
+        axisLine: { lineStyle: { color: '#BCD3E5' } },
         axisLabel: {
-          textStyle: { fontSize: 12, color: '#fff' },
+          textStyle: { fontSize: 12, color: '#BCD3E5' },
         },
         axisLabel: {
           interval: 0,
@@ -174,7 +174,7 @@ export default {
 
       let option = {
 
-        tooltip, legend, xAxis, yAxis, series, dataZoom, backgroundColor: 'rgba(0, 0, 0, 0)'
+        tooltip, legend, xAxis, yAxis, series, grid, dataZoom, backgroundColor: 'rgba(0, 0, 0, 0)'
       }