15天天气预报样式

src/pages/nongchang/components/WeatherForecast.vue

@@ -62,7 +62,7 @@ onLoad(async () => {
             }
         },
         grid: {
-            top: '10%',
+            top: '5%',
             bottom: '10%',
             left: '0',
             right: '3%',
@@ -99,7 +99,7 @@ onLoad(async () => {
                 type: 'scatter',
                 data: _7DayForecastData.map((item, index) => {
                     return {
-                        value: [index, Number(_7DayForecastMaxTemValue) + 10.5],
+                        value: [index, Number(_7DayForecastMaxTemValue) + 13],
                         symbolSize: 0,
                         label: {
                             show: true,
@@ -118,12 +118,29 @@ onLoad(async () => {
                 type: 'scatter',
                 data: _7DayForecastData.map((item, index) => {
                     return {
-                        value: [index, Number(_7DayForecastMaxTemValue) + 6],
+                        value: [index, Number(_7DayForecastMaxTemValue) + 10],
                         symbolSize: 0,
                         label: {
                             show: true,
                             position: 'top',
-                            formatter: `${item.value}\n${item.textDay}\n`,
+                            formatter: `${item.value}`,
+                            fontSize: 12,
+                            color: '#666666',
+                        },
+                    }
+                }),
+            },
+            {
+                name: '日期标签',
+                type: 'scatter',
+                data: _7DayForecastData.map((item, index) => {
+                    return {
+                        value: [index, Number(_7DayForecastMaxTemValue) + 7],
+                        symbolSize: 0,
+                        label: {
+                            show: true,
+                            position: 'top',
+                            formatter: `${item.textDay}`,
                             fontSize: 12,
                             color: '#666666',
                         },