tooltip

src/views/cockpit/bjxm.vue

@@ -217,15 +217,23 @@ export default {
         //你的代码
         backgroundColor: 'rgba(17, 42, 62, 0)',//"#012366",
         tooltip: {
-          show: false,
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow'
-          },
-          // formatter: function (params) {
-          //   const item = params[1]
-          //   return item.name + "\n" + item.value;
-          // }
+          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
+          }
         },
         grid: {
           left: '1%',
@@ -411,6 +419,7 @@ export default {
           //   data: bat_data
           // },
           {
+            name:"项目个数",
             type: 'line',
             smooth: true,
             itemStyle: {
@@ -429,7 +438,7 @@ export default {
       store.setToolBarShow(false);
       store.setXzqh_flag(false);
       store.setCockpit_vector({
-        word:this.left_value == 'csbj' ? '事项内容' : '报建项目名称',
+        word: this.left_value == 'csbj' ? '事项内容' : '报建项目名称',
         title: this.left_value == 'csbj' ? '城市报建完成项目' : '私宅报建完成项目',
         tableData: [],
         tablejscType: `jsc_bjxm_${this.left_value}_zbmx`,

src/views/cockpit/wpjg.vue

@@ -317,11 +317,23 @@ export default {
           right: legendType === 'center' ? '5%' : '25%',
         },
         tooltip: {
-          show: false,
-          trigger: 'axis',
-          axisPointer: {
-            type: 'shadow',
-          },
+          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
+          }
         },
         legend: {
           orient: legendType === 'center' ? '' : 'vertical',