@ued_fpi/data-visual 1.0.5 → 1.0.7

package/dist/es/aims/src/AirQualityRealTime/index.d.ts

@@ -4,8 +4,7 @@ export declare const AirQualityRealTime: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            title?: string | undefined;
-            gridCode?: string | undefined;
+            apiParams?: import("./api").GetAirQualityParams | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -65,17 +64,17 @@ export declare const AirQualityRealTime: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: StringConstructor;
-                default: string;
-            };
-            gridCode: {
-                type: StringConstructor;
-                default: string;
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetAirQualityParams>;
+            } & {
+                default: () => {
+                    time: number;
+                    gridCode: string;
+                    timeType: string;
+                };
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            title: string;
-            gridCode: string;
+            apiParams: import("./api").GetAirQualityParams;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -97,29 +96,30 @@ export declare const AirQualityRealTime: {
         $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<{
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
-        gridCode: {
-            type: StringConstructor;
-            default: string;
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetAirQualityParams>;
+        } & {
+            default: () => {
+                time: number;
+                gridCode: string;
+                timeType: string;
+            };
         };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    gridCode: {
-        type: StringConstructor;
-        default: string;
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetAirQualityParams>;
+    } & {
+        default: () => {
+            time: number;
+            gridCode: string;
+            timeType: string;
+        };
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    title: string;
-    gridCode: string;
+    apiParams: import("./api").GetAirQualityParams;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _AirQualityRealTime;

package/dist/es/aims/src/AirQualityRealTime/index.mjs

@@ -0,0 +1,132 @@
+import { _ as _export_sfc, i as install } from '../AirQualityCalendar/index.mjs';
+import { defineComponent, reactive, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
+import { E, u, L, i } from '../../../vendor/fpi-tg-factor-tools@1.0.4.mjs';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { g as getAirQuality } from './api/index.mjs';
+
+const _withScopeId = (n) => (pushScopeId("data-v-78557547"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "aqiInfo" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "AQI", -1));
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "text" }, "首要污染物", -1));
+const _hoisted_4 = { class: "name" };
+const clsfix = "air-quality-realtime";
+const noDataColor = "rgb(255, 255, 255, 0.5)";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: dayjs().subtract(1, "h").valueOf(),
+      gridCode: "0101000000",
+      timeType: "hour"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const realtimeData = reactive({
+      aqiVal: "--",
+      aqiColor: noDataColor,
+      aqiPollutionZh: "--",
+      firstPollution: "--",
+      factorList: E.filter((item) => item.code !== "aqi").map(
+        (item) => {
+          return {
+            name: item.name,
+            code: item.code,
+            key: item.key,
+            value: "--",
+            color: noDataColor
+          };
+        }
+      )
+    });
+    const fetchData = () => {
+      getAirQuality(props.apiParams).then((res) => {
+        if (res.data) {
+          const data = res.data;
+          const level = u("aqi", data.aqi, "hour");
+          realtimeData.aqiVal = data.aqi;
+          realtimeData.aqiColor = L("aqi", data.aqi, "hour");
+          realtimeData.aqiPollutionZh = level >= 0 ? i[level].label : "--";
+          if (realtimeData.aqiPollutionZh !== "--" && realtimeData.aqiPollutionZh.length >= 2)
+            realtimeData.aqiPollutionZh = `${realtimeData.aqiPollutionZh}污染`;
+          realtimeData.firstPollution = data.mainPollutants;
+          realtimeData.factorList = realtimeData.factorList.map((item) => {
+            const obj = data.commonFactors.find((c) => c.key === item.key);
+            return {
+              ...item,
+              value: obj?.value ? obj.value : "--",
+              color: obj?.value ? L(item.code, obj?.value, "hour") : noDataColor
+            };
+          });
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-top`)
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-left`)
+          }, [
+            createElementVNode("div", {
+              class: "aqiValue",
+              style: normalizeStyle({ color: realtimeData.aqiColor })
+            }, toDisplayString(realtimeData.aqiVal), 5),
+            createElementVNode("div", _hoisted_1, [
+              _hoisted_2,
+              createElementVNode("span", {
+                style: normalizeStyle({ color: realtimeData.aqiColor })
+              }, toDisplayString(realtimeData.aqiPollutionZh), 5)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(`${clsfix}-top-right`)
+          }, [
+            _hoisted_3,
+            createElementVNode("span", {
+              class: "value",
+              style: normalizeStyle({ color: realtimeData.firstPollution === "--" ? noDataColor : void 0 })
+            }, toDisplayString(realtimeData.firstPollution), 5)
+          ], 2)
+        ], 2),
+        createElementVNode("ul", {
+          class: normalizeClass(`${clsfix}-bottom`)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(realtimeData.factorList, (item) => {
+            return openBlock(), createElementBlock("li", {
+              key: item.code,
+              class: normalizeClass(`${clsfix}-bottom-item`)
+            }, [
+              createElementVNode("span", {
+                class: "value",
+                style: normalizeStyle({ color: item.color })
+              }, toDisplayString(item.value), 5),
+              createElementVNode("span", {
+                class: "line",
+                style: normalizeStyle({ backgroundColor: item.color })
+              }, null, 4),
+              createElementVNode("span", _hoisted_4, toDisplayString(item.name), 1)
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_78557547_lang = '';
+
+const _AirQualityRealTime = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-78557547"]]);
+
+const AirQualityRealTime = install(_AirQualityRealTime);
+
+export { AirQualityRealTime as A };

package/dist/es/aims/src/AirQualityRealTime/index.vue.d.ts

@@ -1,23 +1,35 @@
-declare const _default: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        default: string;
+import type { GetAirQualityParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: GetAirQualityParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
     };
-    gridCode: {
-        type: StringConstructor;
-        default: string;
+}>, {}, 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<{
+    apiParams?: GetAirQualityParams | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        gridCode: string;
+        timeType: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    gridCode: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    title: string;
-    gridCode: string;
+}>>>, {
+    apiParams: GetAirQualityParams;
 }, {}>;
 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/aims/src/AirTimeSeriesAnalysis/api/index.d.ts

@@ -0,0 +1,25 @@
+interface GetTimeAnalyzeDataParams {
+    dataType: 'year' | 'month' | 'day' | 'hour';
+    startTime: number;
+    endTime: number;
+    factorCodes: string;
+    codeType: string;
+    codes: string;
+    names?: string;
+}
+interface FactorsOrSite {
+    name: string;
+    unit: string;
+    key: string;
+    values: Array<number | string>;
+}
+interface ResData {
+    factorsOrSites: FactorsOrSite[];
+    times: string[];
+}
+export declare const getTimeAnalyzeData: (params: GetTimeAnalyzeDataParams) => Promise<{
+    code: number;
+    data: ResData | null;
+    message: string;
+}>;
+export type { GetTimeAnalyzeDataParams };

package/dist/es/aims/src/AirTimeSeriesAnalysis/api/index.mjs

@@ -0,0 +1,11 @@
+import { r as requestControl } from '../../../service/request.mjs';
+
+const getTimeAnalyzeData = (params) => {
+  return requestControl({
+    url: "/aims-server/web/api/v1/env-feature/time-analyze",
+    method: "get",
+    params
+  });
+};
+
+export { getTimeAnalyzeData as g };

package/dist/es/aims/src/AirTimeSeriesAnalysis/index.d.ts

@@ -0,0 +1,134 @@
+import _AirTimeSeriesAnalysis from './index.vue';
+export declare const AirTimeSeriesAnalysis: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            apiParams?: import("./api").GetTimeAnalyzeDataParams | 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<{
+            apiParams: {
+                type: globalThis.PropType<import("./api").GetTimeAnalyzeDataParams>;
+            } & {
+                default: () => {
+                    dataType: string;
+                    startTime: number;
+                    endTime: number;
+                    factorCodes: string;
+                    codeType: string;
+                    codes: string;
+                };
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            apiParams: import("./api").GetTimeAnalyzeDataParams;
+        }, {}, 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<{
+        apiParams: {
+            type: globalThis.PropType<import("./api").GetTimeAnalyzeDataParams>;
+        } & {
+            default: () => {
+                dataType: string;
+                startTime: number;
+                endTime: number;
+                factorCodes: string;
+                codeType: string;
+                codes: string;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    apiParams: {
+        type: globalThis.PropType<import("./api").GetTimeAnalyzeDataParams>;
+    } & {
+        default: () => {
+            dataType: string;
+            startTime: number;
+            endTime: number;
+            factorCodes: string;
+            codeType: string;
+            codes: string;
+        };
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    apiParams: import("./api").GetTimeAnalyzeDataParams;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _AirTimeSeriesAnalysis;

package/dist/es/aims/src/AirTimeSeriesAnalysis/index.mjs

@@ -0,0 +1,232 @@
+import { i as install } from '../AirQualityCalendar/index.mjs';
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref } from 'vue';
+import { d as dayjs } from '../../../vendor/dayjs@1.11.9.mjs';
+import { _ as _BasicEcharts } from '../common/BasicEcharts/index.mjs';
+import { g as getTimeAnalyzeData } from './api/index.mjs';
+
+const clsfix = "air-time-series-analysis";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      dataType: "day",
+      startTime: dayjs().subtract(6, "d").valueOf(),
+      endTime: dayjs().valueOf(),
+      factorCodes: "aqi,a34004,a34002,a21026,a21004,a05024,a21005",
+      codeType: "grid",
+      codes: "0101000000"
+    }) }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = ref({ options: null });
+    const generateOption = (xData, series) => {
+      return {
+        options: {
+          grid: {
+            left: 20,
+            bottom: 30,
+            right: 20,
+            top: 30,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)",
+            formatter: (params) => {
+              const title = params[0] ? params[0].name : "";
+              const optionSeries = chartsFullOptions.value.options.series;
+              const strArr = params.map((item) => {
+                const symbol = optionSeries[item.seriesIndex].symbol;
+                let markerHtml = `<span class="${clsfix}-circle" style="background-color:${item.color};"></span>`;
+                if (symbol === "rect")
+                  markerHtml = `<span class="${clsfix}-rect" style="background-color:${item.color};"></span>`;
+                else if (symbol === "triangle")
+                  markerHtml = `<span class="${clsfix}-triangle" style="border-bottom:10px solid ${item.color};"></span>`;
+                else if (symbol === "diamond")
+                  markerHtml = `<span class="${clsfix}-diamond" style="border-color:${item.color};"></span>`;
+                else if (symbol === "roundRect")
+                  markerHtml = `<span class="${clsfix}-roundRect" style="background-color:${item.color};"></span>`;
+                return `<div>
+                            ${markerHtml}
+                            <span style="display: inline-block;width: 40px;">${item.seriesName}</span>
+                            <span style="display: inline-block;text-align: right;width: 40px;">${Number(item.value) > 0 ? `${item.value}` : "--"}</span>
+                            ${item.data.unit && item.data.unit !== "--" ? `<span style="display: inline-block;text-align: right;width: 50px;">${item.data.unit}</span>` : ""}
+                        </div>`;
+              });
+              const str = strArr.join("");
+              return `<div>
+                        <div>${title}</div>
+                        ${str}
+                    </div>`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              formatter: (value) => formatterTime(value)
+            },
+            data: xData
+          },
+          yAxis: [
+            {
+              type: "value",
+              name: "μg/m³",
+              nameTextStyle: {
+                color: "rgba(255, 255, 255, 0.5)",
+                padding: [0, 30, 0, 0]
+              },
+              axisTick: {
+                show: false
+              },
+              axisLine: {
+                show: false
+              },
+              axisLabel: {
+                show: true,
+                color: "rgba(255, 255, 255, 0.5)"
+              },
+              splitNumber: 3,
+              splitLine: {
+                show: true,
+                lineStyle: {
+                  color: ["rgba(255, 255, 255, 0.3)"]
+                }
+              }
+            },
+            {
+              type: "value",
+              name: "mg/m³",
+              nameTextStyle: {
+                color: "rgba(255, 255, 255, 0.5)",
+                padding: [0, 0, 0, 30]
+              },
+              splitNumber: 3,
+              axisTick: {
+                show: false
+              },
+              axisLine: {
+                show: false
+              },
+              axisLabel: {
+                show: true,
+                color: "rgba(255, 255, 255, 0.5)"
+              },
+              splitLine: {
+                show: true,
+                lineStyle: {
+                  color: ["rgba(255, 255, 255, 0)"]
+                }
+              }
+            }
+          ],
+          legend: {
+            show: true,
+            bottom: 0,
+            itemGap: 3,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            itemWidth: 16,
+            itemHeight: 8
+          },
+          series
+        }
+      };
+    };
+    const formatterTime = (value) => {
+      switch (props.apiParams.dataType) {
+        case "year":
+          return value;
+        case "month":
+          return value;
+        case "day":
+          return dayjs(value).format("MM-DD");
+        case "hour":
+          return dayjs(value).format("HH");
+        default:
+          return "";
+      }
+    };
+    const fetchData = () => {
+      const colors = [
+        "#ec7eff",
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443"
+      ];
+      const symbols = [
+        "circle",
+        "circle",
+        "circle",
+        "rect",
+        "triangle",
+        "diamond",
+        "roundRect"
+      ];
+      getTimeAnalyzeData(props.apiParams).then((res) => {
+        if (res.data && res.data) {
+          const data = res.data;
+          const xData = data.times;
+          const series = data.factorsOrSites.map((item, index) => {
+            return {
+              name: item.name,
+              type: "line",
+              data: item.values.map((c) => {
+                return {
+                  value: c,
+                  unit: item.unit
+                };
+              }),
+              color: colors[index],
+              symbol: symbols[index],
+              symbolSize: 8,
+              yAxisIndex: item.key === "CO" ? 1 : 0
+            };
+          });
+          chartsFullOptions.value = generateOption(xData, series);
+        }
+      });
+    };
+    onMounted(() => {
+      fetchData();
+    });
+    watch(() => props.apiParams, () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`${clsfix}-container`)
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(`${clsfix}-echarts`)
+        }, [
+          createVNode(unref(_BasicEcharts), {
+            height: "100%",
+            "full-options": chartsFullOptions.value,
+            loading: false
+          }, null, 8, ["full-options"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_lang = '';
+
+const AirTimeSeriesAnalysis = install(_sfc_main);
+
+export { AirTimeSeriesAnalysis as A };