@ued_fpi/data-visual 1.2.15 → 1.2.19

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.d.ts

@@ -0,0 +1,116 @@
+import _WgmsSpecialSiteDetails from './index.vue';
+export declare const DvWgmsWgmsSpecialSiteDetails: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            data?: import("./index.vue").IncommingData | null | undefined;
+            key?: string | number | symbol | undefined;
+            style?: unknown;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: globalThis.PropType<import("./index.vue").IncommingData | null>;
+                required: true;
+            } & {
+                default: null;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: import("./index.vue").IncommingData | null;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: globalThis.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: globalThis.PropType<import("./index.vue").IncommingData | null>;
+            required: true;
+        } & {
+            default: null;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: globalThis.PropType<import("./index.vue").IncommingData | null>;
+        required: true;
+    } & {
+        default: null;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: import("./index.vue").IncommingData | null;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _WgmsSpecialSiteDetails;

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.mjs

@@ -0,0 +1,7 @@
+import { install } from '../../utils/tools.mjs';
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+const DvWgmsWgmsSpecialSiteDetails = install(_sfc_main);
+
+export { DvWgmsWgmsSpecialSiteDetails, _sfc_main as default };

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.vue.d.ts

@@ -0,0 +1,45 @@
+export interface IncommingData {
+    waterQuality: {
+        grade: string;
+        gradeName: string;
+        gradeColor: string;
+        target: string;
+        targetColor: string;
+    };
+    site: {
+        siteName: string;
+        time: string;
+    };
+    factorList: {
+        name: string;
+        code: string;
+        value: number;
+        color: string;
+    }[];
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: null | IncommingData;
+}>, {
+    data: null;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: null | IncommingData;
+}>, {
+    data: null;
+}>>>, {
+    data: null | IncommingData;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.vue.mjs

@@ -0,0 +1,104 @@
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, normalizeStyle, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
+import { useThemeHook } from '../../../utils.mjs';
+
+const _hoisted_1 = { class: "exhibition-center-content" };
+const _hoisted_2 = { class: "water-quality-category" };
+const _hoisted_3 = { class: "water-quality-category-warp" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "water-quality-category-title" }, " 水质类别 ", -1);
+const _hoisted_5 = { class: "grade" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { class: "grade_name" }, "类", -1);
+const _hoisted_7 = { class: "water-quality-category-target" };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "target" }, "目标：", -1);
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "target_name" }, "类", -1);
+const _hoisted_10 = { class: "water-quality-status" };
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", { class: "target" }, "水质状况：", -1);
+const _hoisted_12 = { class: "right-content" };
+const _hoisted_13 = { class: "right-content-title" };
+const _hoisted_14 = { class: "title-time" };
+const _hoisted_15 = {
+  key: 0,
+  class: "right-content-content"
+};
+const _hoisted_16 = { class: "factor-item-top" };
+const _hoisted_17 = { class: "factor-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    data: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isDark } = useThemeHook();
+    const waterData = ref(null);
+    onMounted(() => {
+      waterData.value = props.data;
+    });
+    watch([() => props.data], () => {
+      waterData.value = props.data;
+    }, { deep: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: normalizeClass(["water-quality-category-bg", unref(isDark) ? "bg-dark" : "bg-light"])
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              createElementVNode("div", {
+                style: normalizeStyle({ "--color": waterData.value?.waterQuality.gradeColor, "textAlign": "center" })
+              }, [
+                createElementVNode("span", _hoisted_5, toDisplayString(waterData.value?.waterQuality.grade), 1),
+                _hoisted_6
+              ], 4)
+            ])
+          ], 2),
+          createElementVNode("div", _hoisted_7, [
+            _hoisted_8,
+            createElementVNode("span", {
+              class: "category",
+              style: normalizeStyle({ "--color": waterData.value?.waterQuality.targetColor })
+            }, toDisplayString(waterData.value?.waterQuality.target), 5),
+            _hoisted_9
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            _hoisted_11,
+            createElementVNode("span", {
+              class: "category",
+              style: normalizeStyle({ "--color": waterData.value?.waterQuality.gradeColor })
+            }, toDisplayString(waterData.value?.waterQuality.gradeName), 5)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_13, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(isDark) ? "title-name" : "title-name-light")
+            }, toDisplayString(waterData.value?.site.siteName), 3),
+            createElementVNode("div", _hoisted_14, toDisplayString(waterData.value?.site.time), 1)
+          ]),
+          waterData.value?.factorList ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(waterData.value?.factorList, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.code,
+                class: normalizeClass(["factor-item", { "last-item": index === waterData.value?.factorList.length - 1 }])
+              }, [
+                createElementVNode("div", _hoisted_16, [
+                  createElementVNode("div", _hoisted_17, toDisplayString(item.name), 1),
+                  createElementVNode("div", {
+                    class: "factor-value",
+                    style: normalizeStyle({ "--color": item.color })
+                  }, toDisplayString(item.value), 5)
+                ]),
+                createElementVNode("div", {
+                  class: "factor-item-bar",
+                  style: normalizeStyle({ "--color": item.color })
+                }, null, 4)
+              ], 2);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.vue2.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+export { index_vue_vue_type_style_index_0_lang as default };

package/dist/es/wgms/src/WgmsSpecialSiteDetails/index.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue.mjs';
+import './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/wgms/src/common/comm-btns.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 按钮数据
+     */
+    tabs: any;
+    /**
+     * 标题名称
+     */
+    selected: {
+        type: ObjectConstructor;
+        default: () => Record<string, any>;
+    };
+    /**
+     * 面板宽度
+     */
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "switchTab"[], "switchTab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 按钮数据
+     */
+    tabs: any;
+    /**
+     * 标题名称
+     */
+    selected: {
+        type: ObjectConstructor;
+        default: () => Record<string, any>;
+    };
+    /**
+     * 面板宽度
+     */
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & {
+    onSwitchTab?: ((...args: any[]) => any) | undefined;
+}, {
+    width: number;
+    selected: Record<string, any>;
+    tabs: any;
+}, {}>;
+export default _default;

package/dist/es/wgms/src/common/comm-btns.vue.mjs

@@ -0,0 +1,68 @@
+import { defineComponent, reactive, watch, onMounted, toRefs, openBlock, createElementBlock, Fragment, renderList, normalizeClass, unref, normalizeStyle, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "comm-btns" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "comm-btns",
+  props: {
+    /**
+     * 按钮数据
+     */
+    tabs: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    /**
+     * 标题名称
+     */
+    selected: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    /**
+     * 面板宽度
+     */
+    width: {
+      type: Number,
+      default: void 0
+    }
+  },
+  emits: ["switchTab"],
+  setup(__props, { emit: $emit }) {
+    const props = __props;
+    const data = reactive({
+      selectedTab: {}
+    });
+    const switchTab = (item) => {
+      if (data.selectedTab.value === item.value)
+        return;
+      data.selectedTab = item;
+      $emit("switchTab", item);
+    };
+    watch(() => props.selected, () => {
+      data.selectedTab = props.selected;
+    });
+    onMounted(() => {
+      data.selectedTab = props.selected?.value ? props.selected : {};
+    });
+    const { selectedTab } = toRefs(data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (item, index) => {
+          return openBlock(), createElementBlock("span", {
+            key: index,
+            class: normalizeClass(["comm-btn", { active: unref(selectedTab).value === item.value }]),
+            style: normalizeStyle({ width: __props.width ? `${__props.width}px` : "auto" }),
+            onClick: ($event) => switchTab(item)
+          }, toDisplayString(item.label), 15, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/wgms/src/common/comm-btns.vue2.mjs

@@ -0,0 +1,3 @@
+/* unplugin-vue-components disabled */const commBtns_vue_vue_type_style_index_0_lang = '';
+
+export { commBtns_vue_vue_type_style_index_0_lang as default };

package/dist/es/wgms/src/common/comm-btns.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './comm-btns.vue.mjs';
+import './comm-btns.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/es/wgms/src/index.d.ts

@@ -28,3 +28,20 @@ export * from './WaterQualityRegionalComprehensive';
 export * from './StationWaterQualityStatistics';
 export * from './SourceMonitoring';
 export * from './DistributionOfWaterQualityLevels';
+export * from './PollutionSourceControlOutlets';
+export * from './PollutionSourceControlStatistics';
+export * from './PollutionSourcesElements';
+export * from './CorrelationCoefficient';
+export * from './DayKLine';
+export * from './SurroundingPollutionSources';
+export * from './ChangeAlongRiver';
+export * from './AlgaeTopicsAutomaticMonitoring';
+export * from './AlgaeTopicsManualMonitoring';
+export * from './AlgaeTopicsImportantWater';
+export * from './AlgaeTopicsStatusEntrySection';
+export * from './AlgaeTopicsWarningStatistics';
+export * from './AlgaeTopicsReleaseMeasures';
+export * from './AlgaeTopicsDisposalResponse';
+export * from './AlgaeTopicsFollowUpEvaluation';
+export * from './WaterOnlineEnvironmentalMonitor';
+export * from './WgmsSpecialSiteDetails';

package/dist/es/wgms/src/index.mjs

@@ -28,3 +28,20 @@ export { DvWgmsWaterQualityRegionalComprehensive } from './WaterQualityRegionalC
 export { DvWgmsStationWaterQualityStatistics } from './StationWaterQualityStatistics/index.mjs';
 export { DvWgmsSourceMonitoring } from './SourceMonitoring/index.mjs';
 export { DvWgmsDistributionOfWaterQualityLevels } from './DistributionOfWaterQualityLevels/index.mjs';
+export { DvWgmsPollutionSourceControlOutlets } from './PollutionSourceControlOutlets/index.mjs';
+export { DvWgmsPollutionSourceControlStatistics } from './PollutionSourceControlStatistics/index.mjs';
+export { DvWgmsPollutionSourcesElements } from './PollutionSourcesElements/index.mjs';
+export { DvWgmsCorrelationCoefficient } from './CorrelationCoefficient/index.mjs';
+export { DvWgmsDayKLine } from './DayKLine/index.mjs';
+export { DvWgmsSurroundingPollutionSources } from './SurroundingPollutionSources/index.mjs';
+export { DvWgmsChangeAlongRiver } from './ChangeAlongRiver/index.mjs';
+export { DvWgmsAlgaeTopicsAutomaticMonitoring } from './AlgaeTopicsAutomaticMonitoring/index.mjs';
+export { DvWgmsAlgaeTopicsManualMonitoring } from './AlgaeTopicsManualMonitoring/index.mjs';
+export { DvWgmsAlgaeTopicsImportantWater } from './AlgaeTopicsImportantWater/index.mjs';
+export { DvWgmsAlgaeTopicsStatusEntrySection } from './AlgaeTopicsStatusEntrySection/index.mjs';
+export { DvWgmsAlgaeTopicsWarningStatistics } from './AlgaeTopicsWarningStatistics/index.mjs';
+export { DvWgmsAlgaeTopicsReleaseMeasures } from './AlgaeTopicsReleaseMeasures/index.mjs';
+export { DvWgmsAlgaeTopicsDisposalResponse } from './AlgaeTopicsDisposalResponse/index.mjs';
+export { DvWgmsAlgaeTopicsFollowUpEvaluation } from './AlgaeTopicsFollowUpEvaluation/index.mjs';
+export { DvWgmsWaterOnlineEnvironmentalMonitor } from './WaterOnlineEnvironmentalMonitor/index.mjs';
+export { DvWgmsWgmsSpecialSiteDetails } from './WgmsSpecialSiteDetails/index.mjs';

package/dist/es/wgms/utils/echarts/3dChartOptions.d.ts

@@ -15,7 +15,7 @@ interface PieData {
     startRatio: number;
     endRatio: number;
 }
-declare const getPie3D: (pieData: PieData[], color: string[], internalDiameterRatio: number, distance: number, alpha: number, pieHeight: number, opacity?: number) => {
+declare const getPie3D: (pieData: PieData[], internalDiameterRatio: number, distance: number, alpha: number, pieHeight: number, opacity?: number) => {
     legend: {
         show: boolean;
         data: {
@@ -90,7 +90,7 @@ declare const getPie3D: (pieData: PieData[], color: string[], internalDiameterRa
             k: number;
         };
         center: string[];
-        color: string;
+        color: any;
         itemStyle: {};
         parametricEquation: {};
     }[];

package/dist/es/wgms/utils/echarts/3dChartOptions.mjs

@@ -1,6 +1,6 @@
 import 'vue';
 
-const getPie3D = (pieData, color, internalDiameterRatio, distance, alpha, pieHeight, opacity = 1) => {
+const getPie3D = (pieData, internalDiameterRatio, distance, alpha, pieHeight, opacity = 1) => {
   const series = [];
   let sumValue = 0;
   let startValue = 0;
@@ -27,7 +27,7 @@ const getPie3D = (pieData, color, internalDiameterRatio, distance, alpha, pieHei
         k
       },
       center: ["10%", "50%"],
-      color: color[i],
+      color: pieData[i].itemStyle.color,
       itemStyle: {},
       parametricEquation: {}
     };

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

@@ -24,10 +24,9 @@ export declare const pieChartOptions: (seriesData: Record<string, any>[], colorL
             textStyle: {
                 rich: {
                     total: {
-                        fontWeight: string;
-                        lineHeight: string;
                         fontSize: number;
                         color: string;
+                        fontFamily: string;
                     };
                 };
             };
@@ -201,3 +200,4 @@ export declare const comprehensiveWaterQualityOption: (xData: string[], yData: n
         };
     }[];
 };
+export declare const manualMonitoringOption: (barXValue: string | any[], data: any) => any;

package/dist/es/wgms/utils/echarts/echartsOptions.mjs

@@ -33,10 +33,9 @@ const pieChartOptions = (seriesData, colorList, total) => {
           textStyle: {
             rich: {
               total: {
-                fontWeight: "500",
-                lineHeight: "26",
-                fontSize: 16,
-                color: "var(--dv-color-text-primary)"
+                fontSize: 24,
+                color: "var(--dv-color-text-primary)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           },
@@ -262,5 +261,124 @@ const comprehensiveWaterQualityOption = (xData, yData) => {
   };
   return option;
 };
+const manualMonitoringOption = (barXValue, data) => {
+  const chartOption = {
+    grid: {
+      top: 20,
+      left: 35,
+      bottom: 25,
+      right: 20
+    },
+    tooltip: {
+      trigger: "axis",
+      textStyle: {
+        fontSize: 14
+      },
+      formatter: (params) => {
+        const curParams = params[0];
+        return `${curParams.seriesName} : <br>${barXValue[curParams.dataIndex]}: ${curParams.value || "--"}μg/L`;
+      }
+    },
+    xAxis: {
+      type: "category",
+      axisTick: {
+        show: false
+      },
+      data: barXValue,
+      axisLabel: {
+        color: "var(--dv-color-text-primary)",
+        fontSize: "var(--dv-text-number2)",
+        fontFamily: "var(--dv-font-family-number)"
+      },
+      axisLine: {
+        show: true,
+        lineStyle: {
+          color: "var(--dv-color-border-light)"
+        }
+      }
+    },
+    yAxis: {
+      type: "value",
+      axisLabel: {
+        show: true,
+        color: "var(--dv-color-text-secondary)",
+        fontSize: "var(--dv-text-number2)",
+        fontFamily: "var(--dv-font-family-number)"
+      },
+      axisLine: {
+        show: false
+      },
+      axisTick: {
+        show: false
+      },
+      splitLine: {
+        show: true,
+        lineStyle: {
+          color: "var(--dv-color-border-light)"
+        }
+      },
+      splitArea: {
+        show: false
+      },
+      splitNumber: 3
+    },
+    series: [
+      {
+        name: "叶绿素a",
+        type: "line",
+        symbol: "circle",
+        symbolSize: 4,
+        showSymbol: true,
+        connectNulls: true,
+        data,
+        lineStyle: {
+          normal: {
+            color: "#0AAEFF",
+            // 折线的颜色
+            width: "2"
+            // 折线粗细
+          }
+        },
+        itemStyle: {
+          normal: {
+            color: "#fff",
+            borderColor: "#0AAEFF",
+            borderWidth: "2"
+          }
+        }
+      }
+    ]
+  };
+  if (barXValue.length > 30) {
+    chartOption.dataZoom = [
+      {
+        type: "slider",
+        top: "78%",
+        height: 15,
+        start: 0,
+        end: 100,
+        // end: Math.ceil(30 / barXvalue.length * 100),
+        borderColor: "#3ee1f3",
+        backgroundColor: "#00262d",
+        handleStyle: {
+          color: "#00cbd1"
+        },
+        dataBackground: {
+          lineStyle: {
+            color: "#3ee1f3"
+          },
+          areaStyle: {
+            color: "#00363f"
+          }
+        },
+        textStyle: {
+          color: "var(--dv-color-text-secondary)",
+          fontFamily: "var(--dv-font-family-number)"
+        }
+      }
+    ];
+  }
+  return chartOption;
+};
 
-export { comprehensiveWaterQualityOption, getDizhouQualityAnalysisOption, pieChartOptions, pollutionSourcePieOptions };
+export { comprehensiveWaterQualityOption, getDizhouQualityAnalysisOption, manualMonitoringOption, pieChartOptions, pollutionSourcePieOptions };