Explorar o código

显示x轴类别

zpf hai 1 ano
pai
achega
b8a44c715f

+ 3 - 14
src/views/cockpit/bjxm.vue

@@ -278,20 +278,9 @@ export default {
         tooltip: {
           backgroundColor: 'RGBA(20, 106, 178, 0.4)',
           trigger: "axis",
-          textStyle: { fontSize: '100%' },
-          formatter: params => {
-            let rander = params.map(item =>
-              `
-                        
-                    <div style='
-                        border:none;
-                        border-radius:3px;
-                        color:#FFF;
-                        font-size:12px
-                        '>
-                            ${item.seriesName}: ${item.value}
-                    </div>`).join('')
-            return rander
+          textStyle: {
+            fontSize: 14,
+            color: '#fff'
           }
         },
         grid: {

+ 13 - 14
src/views/cockpit/common/Graph3D.vue

@@ -63,22 +63,21 @@ export default {
             const tooltip = {
                 backgroundColor: 'RGBA(20, 106, 178, 0.4)',
                 trigger: "axis",
-                textStyle: { fontSize: '100%' },
-                formatter: params => {
-                    let rander = params.map(item =>
-                        `
-                    <div style='
-                        border:none;
-                        border-radius:3px;
-                        color:#FFF;
-                        font-size:12px
-                        '>
-                            ${item.seriesName ? item.seriesName : ''} ${item.value > 0 ? item.value : ''}
-                    </div>`).join('')
-                    return rander
+                textStyle: {
+                    fontSize: 14,
+                    color: '#fff'
+                },
+                formatter: function (params) {
+                    var res = `${params[0].name} <br/>`
+                    for (const item of params) {
+                        console.log('item: ', item);
+                        if (item.value > 0) {
+                           return res += `</span> ${item.seriesName} :${item.value}<br/>`
+                        }
+                    }
+
                 }
             }
-
             const legend = {
                 data: legendData,      //图例名称
 

+ 18 - 14
src/views/cockpit/tdsc.vue

@@ -88,21 +88,25 @@ export default {
         tooltip: {
           backgroundColor: 'RGBA(20, 106, 178, 0.4)',
           trigger: "axis",
-          textStyle: { fontSize: '100%' },
-          formatter: params => {
-            let rander = params.map(item =>
-              `
-                        
-                    <div style='
-                        border:none;
-                        border-radius:3px;
-                        color:#FFF;
-                        font-size:12px
-                        '>
-                            ${item.seriesName}: ${item.value}
-                    </div>`).join('')
-            return rander
+          textStyle: {
+            fontSize: 14,
+            color: '#fff'
           }
+          // formatter: params => {
+          //   console.log('params: ', params);
+          //   let rander = params.map(item =>
+          //     `
+
+          //           <div style='
+          //               border:none;
+          //               border-radius:3px;
+          //               color:#FFF;
+          //               font-size:12px
+          //               '>
+          //               ${item.name}  ${item.seriesName}: ${item.value}
+          //           </div>`).join('')
+          //   return rander
+          // }
         },
         grid: {
           left: '2%',

+ 4 - 15
src/views/cockpit/wpjg.vue

@@ -65,7 +65,7 @@ export default {
         word: "年份权属名称",
         tableData: [],
         tablejscType: 'jsc_vpjg_zbmx',
-        columns: ['图斑编号','面积','占用耕地面积','占用基本农田保护面积','下发日期','图斑分类', '前时相',  '前期影像名称', '后时相',  '年份期数名称', '当期影像名称','是否核查','是否调查','行政名称'],
+        columns: ['图斑编号', '面积', '占用耕地面积', '占用基本农田保护面积', '下发日期', '图斑分类', '前时相', '前期影像名称', '后时相', '年份期数名称', '当期影像名称', '是否核查', '是否调查', '行政名称'],
       })
     },
     switch_xzqh(value) {
@@ -319,20 +319,9 @@ export default {
         tooltip: {
           backgroundColor: 'RGBA(20, 106, 178, 0.4)',
           trigger: "axis",
-          textStyle: { fontSize: '100%' },
-          formatter: params => {
-            let rander = params.map(item =>
-              `
-                        
-                    <div style='
-                        border:none;
-                        border-radius:3px;
-                        color:#FFF;
-                        font-size:12px
-                        '>
-                            ${item.seriesName}: ${item.value}
-                    </div>`).join('')
-            return rander
+          textStyle: {
+            fontSize: 14,
+            color: '#fff'
           }
         },
         legend: {