fit:1、地图3色

src/views/datav/CaseVerif.vue

@@ -553,6 +553,7 @@ const getCaseVerificationMapData = async (timeValue) => {
     {gte: range60Percent, lte: range80Percent, label: "介于最大问题的60%~80%", color: "#F6A149"},
     {gte: range80Percent, label: "高于最大问题80%", color: "#D34343"},
   ];
+  console.log('option.value',option.value)
 }
 const getCaseVerificationTrendData = async (year) => {
   const res = await getCaseVerificationTrend(year);

src/views/datav/Jwpy.vue

@@ -417,7 +417,6 @@ const option = ref({
     map: "changsha",
   },
   visualMap: {
-    show: false,
     type: "piecewise",
     bottom: 10,
     pieces: [
@@ -425,13 +424,16 @@ const option = ref({
       {gte: 200, lte: 400, label: "满意度一般", color: "#F6A149"},
       {gte: 400, label: "满意度较差", color: "#D34343"},
     ],
-    right: 10,
+    right: 10, // 右边距
     realtime: false,
-    orient: "horizontal",
+    orient: "horizontal", // 水平显示
     textStyle: {
-      color: "#fff",
+      color: "#fff", // 文字颜色
     },
     calculable: true,
+    inRange: {
+      color: ["#4987F6", "#F6A149", "#D34343"],
+    },
   },
   series: [
     {
@@ -882,9 +884,9 @@ function  GetDITUFun(){
     option.value.visualMap.pieces=[
       {min: listData[2].value, max: 100, label: "满意度前三", color: "#4987F6"},
       {min: listData[6].value, max: listData[3].value, label: "满意度中等", color: "#F6A149"},
-      {max: listData[4].value, label: "满意度较差", color: "#D34343"},
+      {max: listData[6].value, label: "满意度较差", color: "#D34343"},
     ]
-    option.value.series.data =listData
+    option.value.series[0].data = listData;
     mapDataList.value = tempMap.value.map(org => {
       return {name: org.OrganizeName, value: org.OrganizeID};
     })