@ued_fpi/data-visual 1.0.5 → 1.0.6

package/dist/lib/aims/src/CieqContributionRatio/index.js

@@ -0,0 +1,116 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
+const vue = require('vue');
+const vendor_fpiTgFactorTools_1_0_4 = require('../../../vendor/fpi-tg-factor-tools@1.0.4.js');
+const vendor_dayjs_1_11_9 = require('../../../vendor/dayjs@1.11.9.js');
+const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
+const aims_src_CieqContributionRatio_api_index = require('./api/index.js');
+
+const clsfix = "cieq-contributio-ratio";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    apiParams: { default: () => ({
+      time: vendor_dayjs_1_11_9.dayjs().subtract(1, "h").valueOf(),
+      code: "0101000000",
+      codeType: "grid"
+    }) },
+    dataType: { default: "rate" }
+  },
+  setup(__props) {
+    const props = __props;
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (list) => {
+      return {
+        options: {
+          colors: [
+            "#0062FF",
+            "#0AAEFF",
+            "#2AC94F",
+            "#FF792E",
+            "#F84439",
+            "#FFB443"
+          ],
+          legend: {
+            show: true,
+            bottom: -4,
+            itemGap: 10,
+            textStyle: {
+              color: "#FFF",
+              fontSize: 12
+            },
+            icon: "circle",
+            itemWidth: 12,
+            itemHeight: 12
+          },
+          tooltip: {
+            trigger: "item",
+            padding: 8,
+            valueFormatter: (value) => props.dataType === "rate" ? `${value}%` : `${value}`,
+            background: "rgba(1, 11, 18, 0.6)"
+          },
+          series: [
+            {
+              type: "pie",
+              radius: "60%",
+              center: ["50%", "44%"],
+              data: list,
+              label: {
+                position: "outer",
+                color: "#fff",
+                formatter: props.dataType === "rate" ? "{b} {c}%" : "{b} {c}"
+              }
+            }
+          ]
+        }
+      };
+    };
+    const fetchData = () => {
+      aims_src_CieqContributionRatio_api_index.getAirQualityStatis(props.apiParams).then((res) => {
+        if (res.data && res.data.CIEQ) {
+          const data = props.dataType === "rate" ? res.data.CIEQ.CIEQYearValueRate : res.data.CIEQ.CIEQYearValue;
+          const list = vendor_fpiTgFactorTools_1_0_4.E.filter((item) => item.code !== "aqi").map((item) => {
+            const key = `V_ICIEQ_${item.key}`;
+            const value = data[key] ?? 0;
+            return {
+              name: item.name,
+              code: item.code,
+              value
+            };
+          });
+          chartsFullOptions.value = generateOption(list);
+        }
+      });
+    };
+    vue.onMounted(() => {
+      fetchData();
+    });
+    vue.watch([() => props.apiParams, props.dataType], () => {
+      fetchData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${clsfix}-echarts`)
+        }, [
+          vue.createVNode(vue.unref(aims_src_common_BasicEcharts_index._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_scoped_b4d34887_lang = '';
+
+const _CieqContributionRatio = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-b4d34887"]]);
+
+const CieqContributionRatio = aims_src_AirQualityCalendar_index.install(_CieqContributionRatio);
+
+exports.CieqContributionRatio = CieqContributionRatio;

package/dist/lib/aims/src/CieqContributionRatio/index.vue.d.ts

@@ -0,0 +1,40 @@
+import type { GetAirQualityStatisParams } from './api';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    apiParams?: GetAirQualityStatisParams | undefined;
+    dataType?: "rate" | "num" | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        code: string;
+        codeType: string;
+    };
+    dataType: 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?: GetAirQualityStatisParams | undefined;
+    dataType?: "rate" | "num" | undefined;
+}>, {
+    apiParams: () => {
+        time: number;
+        code: string;
+        codeType: string;
+    };
+    dataType: string;
+}>>>, {
+    apiParams: GetAirQualityStatisParams;
+    dataType: 'num' | 'rate';
+}, {}>;
+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/lib/aims/src/ContributionAnalyzing/index.d.ts

@@ -0,0 +1,90 @@
+import _ContributionAnalyzing from './index.vue';
+export declare const ContributionAnalyzing: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            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<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _ContributionAnalyzing;

package/dist/lib/aims/src/ContributionAnalyzing/index.js

@@ -0,0 +1,30 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
+const vue = require('vue');
+const aims_src_common_StackBarEchartsPanel_index = require('../common/StackBarEchartsPanel/index.js');
+const aims_src_ContributionAnalyzing_mockData = require('./mockData.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const data = vue.reactive({
+      StackBarEchartsPanelchartData: aims_src_ContributionAnalyzing_mockData.mockData.analysis
+    });
+    const { StackBarEchartsPanelchartData } = vue.toRefs(data);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(aims_src_common_StackBarEchartsPanel_index._StackBarEchartsPanel), {
+        "chart-data": vue.unref(StackBarEchartsPanelchartData),
+        title: "综合指数贡献分析"
+      }, null, 8, ["chart-data"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_5d851558_lang = '';
+
+const _ContributionAnalyzing = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-5d851558"]]);
+
+const ContributionAnalyzing = aims_src_AirQualityCalendar_index.install(_ContributionAnalyzing);
+
+exports.ContributionAnalyzing = ContributionAnalyzing;

package/dist/lib/aims/src/ContributionAnalyzing/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/lib/aims/src/FactorRealTimeRankChart/index.d.ts

@@ -0,0 +1,110 @@
+import _FactorRealTimeRankChart from './index.vue';
+export declare const FactorRealTimeRankChart: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            factorCode?: string | 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<{
+            factorCode: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            factorCode: string;
+        }, {}, 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<{
+        factorCode: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    factorCode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    factorCode: string;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
+export default _FactorRealTimeRankChart;

package/dist/lib/aims/src/FactorRealTimeRankChart/index.js

@@ -0,0 +1,239 @@
+'use strict';
+
+const aims_src_AirQualityCalendar_index = require('../AirQualityCalendar/index.js');
+const vue = require('vue');
+const vendor__ued_fpi_elementPlusExpand_0_7_19 = require('../../../vendor/@ued_fpi_element-plus-expand@0.7.19.js');
+const vendor_fpiTgFactorTools_1_0_4 = require('../../../vendor/fpi-tg-factor-tools@1.0.4.js');
+const aims_src_common_BasicEcharts_index = require('../common/BasicEcharts/index.js');
+
+const clsfix = "factor-realtime-rank-chart";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    // 默认选择的六因子或者Aqi
+    factorCode: {
+      type: String,
+      default: "aqi"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const selectOptions = vendor_fpiTgFactorTools_1_0_4.E.map((item) => ({
+      name: item.name,
+      code: item.code,
+      unit: item.unit
+    }));
+    const selectCode = vue.ref(props.factorCode);
+    const selectUnit = vue.computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.unit;
+    });
+    const selectName = vue.computed(() => {
+      return selectOptions.find((c) => c.code === selectCode.value)?.name;
+    });
+    const chartWidth = vue.ref(370);
+    const isLoadChartWidth = vue.ref(false);
+    const chartsFullOptions = vue.ref({ options: null });
+    const generateOption = (list) => {
+      return {
+        options: {
+          grid: {
+            left: 10,
+            bottom: 10,
+            right: 10,
+            top: 40,
+            containLabel: true
+          },
+          tooltip: {
+            trigger: "axis",
+            padding: 8,
+            background: "rgba(1, 11, 18, 0.6)"
+          },
+          xAxis: {
+            type: "category",
+            axisTick: {
+              show: false
+            },
+            axisLine: {
+              show: false
+            },
+            axisLabel: {
+              color: "#FFF",
+              fontSize: 12,
+              interval: 0
+            },
+            data: list.map((item) => {
+              return item.name;
+            })
+          },
+          yAxis: {
+            type: "value",
+            name: selectUnit.value,
+            nameTextStyle: {
+              color: "rgba(255, 255, 255, 0.5)",
+              padding: [0, 30, 0, 0]
+            },
+            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.3)"]
+              }
+            }
+          },
+          legend: {
+            show: false
+          },
+          series: [
+            {
+              data: list.map((item) => {
+                return {
+                  value: item.value,
+                  itemStyle: {
+                    color: vendor_fpiTgFactorTools_1_0_4.L(selectCode.value, item.value, "hour")
+                  }
+                };
+              }),
+              name: selectName.value,
+              type: "bar",
+              barWidth: 15
+            }
+          ]
+        }
+      };
+    };
+    vue.onMounted(() => {
+      const list = [
+        {
+          rank: "1",
+          name: "桐庐县1",
+          value: 200
+        },
+        {
+          rank: "2",
+          name: "桐庐县2",
+          value: 300
+        },
+        {
+          rank: "3",
+          name: "桐庐县3",
+          value: 50
+        },
+        {
+          rank: "4",
+          name: "桐庐县4",
+          value: 80
+        },
+        {
+          rank: "5",
+          name: "桐庐县1",
+          value: 100
+        },
+        {
+          rank: "6",
+          name: "桐庐县2",
+          value: 120
+        },
+        {
+          rank: "7",
+          name: "桐庐县3",
+          value: 140
+        },
+        {
+          rank: "8",
+          name: "桐庐县4",
+          value: 160
+        },
+        {
+          rank: "9",
+          name: "桐庐县9",
+          value: 180
+        },
+        {
+          rank: "10",
+          name: "桐庐县10",
+          value: 200
+        },
+        {
+          rank: "11",
+          name: "桐庐县11",
+          value: 10
+        },
+        {
+          rank: "12",
+          name: "桐庐县12",
+          value: 40
+        },
+        {
+          rank: "13",
+          name: "桐庐县13",
+          value: 300
+        },
+        {
+          rank: "14",
+          name: "桐庐县14",
+          value: 218
+        },
+        {
+          rank: "15",
+          name: "桐庐县15",
+          value: 500
+        },
+        {
+          rank: "16",
+          name: "桐庐县16",
+          value: 20
+        }
+      ];
+      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
+      isLoadChartWidth.value = true;
+      vue.nextTick(() => {
+        chartsFullOptions.value = generateOption(list);
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${clsfix}-container`)
+      }, [
+        isLoadChartWidth.value ? (vue.openBlock(), vue.createBlock(vue.unref(vendor__ued_fpi_elementPlusExpand_0_7_19.FpiElRolling), {
+          key: 0,
+          style: { "height": "" },
+          direction: "x",
+          "scroll-able": "",
+          time: 20
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(`${clsfix}-echarts`)
+            }, [
+              vue.createVNode(vue.unref(aims_src_common_BasicEcharts_index._BasicEcharts), {
+                height: "100%",
+                style: vue.normalizeStyle({ width: `${chartWidth.value}px`, marginRight: 16 }),
+                "full-options": chartsFullOptions.value,
+                loading: false
+              }, null, 8, ["style", "full-options"])
+            ], 2)
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_2ea97897_lang = '';
+
+const _FactorRealTimeRankChart = /* @__PURE__ */ aims_src_AirQualityCalendar_index._export_sfc(_sfc_main, [["__scopeId", "data-v-2ea97897"]]);
+
+const FactorRealTimeRankChart = aims_src_AirQualityCalendar_index.install(_FactorRealTimeRankChart);
+
+exports.FactorRealTimeRankChart = FactorRealTimeRankChart;

package/dist/lib/aims/src/FactorRealTimeRankChart/index.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    factorCode: {
+        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<{
+    factorCode: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    factorCode: string;
+}, {}>;
+export default _default;