gx

src/view/echarts_yl/ylSMFW.vue

@@ -43,12 +43,7 @@ const option = {
   tooltip: {
     trigger: "axis",
     formatter: "{b0}<br/> {a0}:{c0}<br/>{a1}:{c1}",
-    axisPointer: {
-      type: "cross",
-      label: {
-        backgroundColor: "#3F82F7", //提示文字标题颜色
-      },
-    },
+    axisPointer: {},
   },
   legend: {
     data: ["上门服务时长", "上门服务次数"],
@@ -95,7 +90,6 @@ const option = {
       type: "value",
       scale: true,
       name: "时长/小时",
-      max: max,
       splitLine: {
         show: false,
         lineStyle: {
@@ -127,7 +121,6 @@ const option = {
       scale: true,
       name: "次数/次",
       min: 0,
-      max: max,
       splitLine: {
         //分割线配置
         show: false,
@@ -155,10 +148,35 @@ const option = {
         },
       },
     },
+    {
+      type: "value",
+      max: 100,
+      splitLine: {
+        show: false,
+        lineStyle: {
+          type: "solid",
+          color: "rgba(255, 255, 255, 0.3)",
+        },
+      },
+      axisLine: {
+        show: false,
+        lineStyle: {
+          type: "dotted",
+        },
+      },
+      axisLabel: {
+        show: false,
+        fontSize: 16,
+        color: "#ffffff",
+        lineHeight: 19,
+        fontFamily: "MicrosoftYaHei",
+      },
+    },
   ],
   series: [
     {
       z: 1,
+      yAxisIndex: 0,
       name: "上门服务时长",
       data: data,
       barWidth: 20,
@@ -187,6 +205,7 @@ const option = {
       },
     },
     {
+      yAxisIndex: 1,
       name: "上门服务次数",
       data: lineData,
       type: "line", //线状图
@@ -206,10 +225,11 @@ const option = {
     },
     {
       xAxisIndex: 1,
+      yAxisIndex: 2,
       itemStyle: {
         color: "rgba(180, 180, 180, 0.2)", //外阴影背景
       },
-      data: data.map(() => max),
+      data: data.map(() => 100),
       barWidth: 40, //外阴影背景宽
       emphasis: {
         itemStyle: {