@ued_fpi/data-visual 1.2.14 → 1.2.15

package/dist/lib/wgms/utils/echarts/echartsOptions.d.ts

@@ -65,3 +65,139 @@ export declare const pollutionSourcePieOptions: (pieData: Record<string, any>[])
         };
     }[];
 };
+export declare const getDizhouQualityAnalysisOption: (xData: string[], goodList: number[], badList: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    legend: {
+        show: boolean;
+        bottom: number;
+        left: string;
+        icon: string;
+        itemWidth: number;
+        textStyle: {
+            fontSize: string;
+            color: string;
+        };
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        name: string;
+        nameTextStyle: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            padding: number[];
+        };
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        barWidth: number;
+        data: number[];
+        itemStyle: {
+            color: string;
+        };
+    }[];
+};
+export declare const comprehensiveWaterQualityOption: (xData: string[], yData: number[]) => {
+    tooltip: {
+        trigger: string;
+        axisPointer: {
+            type: string;
+        };
+        formatter(params: any): string;
+    };
+    color: string[];
+    grid: {
+        top: string;
+        left: string;
+        bottom: string;
+        right: string;
+    };
+    xAxis: {
+        type: string;
+        axisTick: {
+            show: boolean;
+        };
+        axisLabel: {
+            color: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+        axisLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        data: string[];
+    }[];
+    yAxis: {
+        axisLine: {
+            show: boolean;
+        };
+        axisTick: {
+            show: boolean;
+        };
+        splitLine: {
+            lineStyle: {
+                color: string;
+            };
+        };
+        axisLabel: {
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+        };
+    }[];
+    series: {
+        name: string;
+        type: string;
+        data: number[];
+        lineStyle: {
+            color: string;
+        };
+    }[];
+};

package/dist/lib/wgms/utils/echarts/echartsOptions.js

@@ -88,6 +88,186 @@ const pollutionSourcePieOptions = (pieData) => {
     ]
   };
 };
+const getDizhouQualityAnalysisOption = (xData, goodList, badList) => {
+  const option = {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        // 坐标轴指示器，坐标轴触发有效
+        type: "shadow"
+        // 默认为直线，可选为：'line' | 'shadow'
+      }
+    },
+    color: ["var(--dv-color-success)", "var(--dv-color-danger)"],
+    grid: {
+      top: "40",
+      left: "35",
+      bottom: "45",
+      right: "15"
+    },
+    legend: {
+      show: true,
+      bottom: 0,
+      left: "center",
+      icon: "circle",
+      itemWidth: 10,
+      // itemHeight: 14,
+      textStyle: {
+        fontSize: "var(--dv-text-body2)",
+        color: "var(--dv-color-text-primary)"
+      }
+    },
+    xAxis: [
+      {
+        type: "category",
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-primary)",
+          fontSize: "12px"
+        },
+        axisLine: {
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        data: xData
+      }
+    ],
+    yAxis: [
+      {
+        name: "%",
+        nameTextStyle: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)",
+          fontSize: "12px",
+          padding: [0, 20, 0, 0]
+        },
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        splitLine: {
+          // 值分割线
+          show: true,
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-secondary)",
+          fontSize: "12px",
+          fontFamily: "var(--dv-font-family-number)"
+        }
+      }
+    ],
+    series: [
+      {
+        name: "优良比例",
+        type: "bar",
+        barWidth: 15,
+        data: goodList,
+        itemStyle: {
+          color: "var(--dv-color-success)"
+        }
+      },
+      {
+        name: "劣V比例",
+        type: "bar",
+        barWidth: 15,
+        itemStyle: {
+          color: "var(--dv-color-danger)"
+        },
+        data: badList
+      }
+    ]
+  };
+  return option;
+};
+const comprehensiveWaterQualityOption = (xData, yData) => {
+  const option = {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        // 坐标轴指示器，坐标轴触发有效
+        type: "shadow"
+        // 默认为直线，可选为：'line' | 'shadow'
+      },
+      formatter(params) {
+        const str = `<div><div>${params[0].seriesName}</div><div
+            style='display:
+            flex;height:20px;align-items:center;'>${params[0].marker}
+            <div>${params[0].axisValue}：${params[0].data}</div></div>`;
+        return str;
+      }
+    },
+    color: ["var(--dv-color-index)"],
+    grid: {
+      top: "8",
+      left: "20",
+      bottom: "30",
+      right: "10"
+    },
+    xAxis: [
+      {
+        type: "category",
+        axisTick: {
+          show: false
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-primary)",
+          fontSize: "var(--dv-text-number2)",
+          fontFamily: "var(--dv-font-family-number)"
+        },
+        axisLine: {
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        data: xData
+      }
+    ],
+    yAxis: [
+      {
+        axisLine: {
+          show: false
+        },
+        axisTick: {
+          show: false
+        },
+        splitLine: {
+          // x轴竖线
+          lineStyle: {
+            color: "var(--dv-color-border-light)"
+          }
+        },
+        axisLabel: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)",
+          fontSize: "var(--dv-text-number2)"
+        }
+      }
+    ],
+    series: [
+      {
+        name: "水质综合指数变化",
+        type: "line",
+        data: yData,
+        // symbolSize: 'none', // 设定拐点的大小
+        lineStyle: {
+          // 设置折线颜色
+          color: "var(--dv-color-index)"
+        }
+      }
+    ]
+  };
+  return option;
+};
 
+exports.comprehensiveWaterQualityOption = comprehensiveWaterQualityOption;
+exports.getDizhouQualityAnalysisOption = getDizhouQualityAnalysisOption;
 exports.pieChartOptions = pieChartOptions;
 exports.pollutionSourcePieOptions = pollutionSourcePieOptions;

package/dist/lib/wgms/utils/echarts/index.js

@@ -38,7 +38,9 @@ echarts__namespace.use([
   charts.PieChart,
   charts.BoxplotChart,
   renderers.CanvasRenderer,
-  features.UniversalTransition
+  features.UniversalTransition,
+  charts.RadarChart,
+  components.PolarComponent
 ]);
 const draw = (dom, option) => {
   const chart = echarts__namespace.init(dom);