@ued_fpi/data-visual 1.2.15 → 1.2.19

package/dist/es/wgms/utils/tools.d.ts

@@ -1,4 +1,5 @@
 import type { Plugin } from 'vue';
+import type { ALGAE_TOPICS_REQUEST } from '../src/AlgaeTopicsImportantWater/api/types';
 /**
  * @desc 函数
  * @param msg 显示文字
@@ -124,4 +125,21 @@ export declare const getCssValue: (key: string) => string;
  * @return {*} ' "shzhjt"' ==> shzhjt
  */
 export declare const getFontFamily: (key: string) => string;
+/**
+ * 结束时间戳（报警时间+1个周期）
+ * @param type
+ */
+export declare const getDateEndTime: (timeType: string, date: number) => string | undefined;
+export declare const getAlgaeTime: (val: ALGAE_TOPICS_REQUEST.TimeStore) => {
+    beginTime: number;
+    endTime: number;
+    beginTimeNewRange: number;
+    endTimeNewRange: number;
+    isCurrentPeriod: boolean;
+    currentTime: number;
+    beginWarningTime: number;
+    endWarningTime: number;
+    beginDayWarningTime: number;
+    endDayWarningTime: number;
+};
 export {};

package/dist/es/wgms/utils/tools.mjs

@@ -1,4 +1,5 @@
 import { ElMessage } from 'element-plus';
+import dayjs from 'dayjs';
 import 'vue';
 
 const messageBox = (msg, type) => {
@@ -15,5 +16,50 @@ const install = (comp, named) => {
   };
   return comp;
 };
+const getDateEndTime = (timeType, date) => {
+  let resDate;
+  if (timeType === "hour") {
+    resDate = dayjs(date).add(1, "hours").startOf("hour").format("x");
+  } else if (timeType === "day") {
+    resDate = dayjs(date).add(1, "days").startOf("day").format("x");
+  } else if (timeType === "week") {
+    resDate = dayjs(date).add(1, "week").startOf("week").format("x");
+  } else if (timeType === "month") {
+    resDate = dayjs(date).add(1, "month").startOf("day").format("x");
+  } else if (timeType === "year") {
+    resDate = dayjs(date).add(1, "year").startOf("year").format("x");
+  }
+  return resDate;
+};
+const getAlgaeTime = (val) => {
+  const { currentType, upToDate, currentTime, periodBeginTime, periodEndTime } = val;
+  const isCurrentPeriod = currentType !== "dailyControl";
+  const beginTime = isCurrentPeriod ? dayjs(currentTime).startOf("day").valueOf() : !upToDate ? dayjs().startOf("day").valueOf() : dayjs().add(-6, "months").startOf("month").valueOf();
+  const endTime = isCurrentPeriod ? dayjs(currentTime).endOf("day").valueOf() : !upToDate ? dayjs().endOf("day").valueOf() : dayjs().endOf("day").valueOf();
+  const beginWarningTime = currentTime ? periodBeginTime : dayjs().startOf("year").valueOf();
+  const endWarningTime = currentTime ? periodEndTime : dayjs().endOf("year").valueOf();
+  const beginDayWarningTime = currentTime ? dayjs(currentTime).startOf("day").valueOf() : dayjs().startOf("day").valueOf();
+  const endDayWarningTime = currentTime ? dayjs(currentTime).endOf("day").valueOf() : dayjs().endOf("day").valueOf();
+  const beginTimeNewRange = dayjs(currentTime || void 0).add(-6, "months").startOf("month").valueOf();
+  const endTimeNewRange = dayjs(currentTime || void 0).endOf("day").valueOf();
+  return {
+    beginTime,
+    endTime,
+    beginTimeNewRange,
+    // 入境断面藻情现状 开始
+    endTimeNewRange,
+    // 入境断面藻情现状 结束
+    isCurrentPeriod,
+    currentTime,
+    beginWarningTime,
+    // 预警周期
+    endWarningTime,
+    // 预警周期时间
+    beginDayWarningTime,
+    // 预警当天日数据 没选择历史就显示今日
+    endDayWarningTime
+    // 预警当天日数据 没选择历史就显示今日
+  };
+};
 
-export { install, messageBox };
+export { getAlgaeTime, getDateEndTime, install, messageBox };

package/dist/lib/aims/config/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     domain: string;
     innerNet: boolean;
+    isAddToken: boolean;
 };
 export default _default;

package/dist/lib/aims/config/index.js

@@ -8,7 +8,9 @@ const Config = {
   // 请求相关
   domain,
   // 是否 dev环境
-  innerNet
+  innerNet,
+  // 是否在headers中添加token
+  isAddToken: false
 };
 
 exports.default = Config;

package/dist/lib/aims/service/request.js

@@ -21,6 +21,7 @@ instance.interceptors.request.use(
   (config) => {
     config && config.headers && (config.headers["Cache-Control"] = "no-cache, no-store");
     config && config.headers && (config.headers.Pragma = "no-cache");
+    index.default.isAddToken && (config.headers.token = localStorage.getItem("token"));
     return config;
   },
   (error) => {

package/dist/lib/aims/src/AirQualityCalendar/index.vue.js

@@ -183,10 +183,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(_component_ElDatePicker, {
             modelValue: vue.unref(dateTime),
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(dateTime) ? dateTime.value = $event : null),
+            class: "reset-date-picker",
             teleported: false,
             type: "month",
             clearable: false,
             "disabled-date": pickerOptions,
+            format: "YYYY年 M月",
             onChange: changeDatePicker
           }, null, 8, ["modelValue"]),
           vue.createElementVNode("div", _hoisted_4, [

package/dist/lib/aims/src/AirQualityLevelMonthRatio/index.vue.js

@@ -69,7 +69,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               interval: 0,
               formatter: (value) => value.substr(5)
             },
@@ -91,7 +92,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -108,8 +111,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/lib/aims/src/AirQualityLevelYearRatio/index.vue.js

@@ -60,7 +60,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;
                   return `${name}  ${value2}天  ${value}%`;
-                }
+                },
+                fontSize: "var(--dv-text-number1)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           ]

package/dist/lib/aims/src/AirQualityRealTime/index.vue.js

@@ -74,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       fetchData();
     });
-    vue.watch(() => props.apiParams, () => {
+    vue.watch([() => props.apiParams, () => props.timeType], () => {
       fetchData();
     });
     return (_ctx, _cache) => {

package/dist/lib/aims/src/AirQualityRealTimeAndDay/index.vue.js

@@ -17,7 +17,7 @@ const _hoisted_7 = { class: "aqi-container" };
 const _hoisted_8 = { class: "aqiInfo" };
 const _hoisted_9 = { class: "main" };
 const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("span", { class: "text" }, "首污", -1);
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", null, "浓度", -1);
+const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", null, "污染物浓度", -1);
 const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("span", null, "（ 单位：μg/m³, CO：mg/m³ ）", -1);
 const _hoisted_13 = [
   _hoisted_11,
@@ -194,6 +194,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: item.code,
               class: vue.normalizeClass(`${clsfix}-bottom-item`)
             }, [
+              vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(item.name), 1),
               vue.createElementVNode("span", {
                 class: "value",
                 style: vue.normalizeStyle({ color: item.hourColor })
@@ -208,9 +209,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, vue.toDisplayString(item.dayV), 5),
               vue.createElementVNode("span", {
                 class: "line",
-                style: vue.normalizeStyle({ backgroundColor: item.dayColor })
-              }, null, 4),
-              vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(item.name), 1)
+                style: vue.normalizeStyle({ backgroundColor: item.dayColor, marginBottom: 0 })
+              }, null, 4)
             ], 2);
           }), 128))
         ], 2)

package/dist/lib/aims/src/AirTimeSeriesAnalysis/index.vue.js

@@ -77,7 +77,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               formatter: (value) => formatterTime(value)
             },
             data: xData
@@ -98,7 +99,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               },
               axisLabel: {
                 show: true,
-                color: "var(--dv-color-text-secondary)"
+                color: "var(--dv-color-text-secondary)",
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)"
               },
               splitNumber: 3,
               splitLine: {

package/dist/lib/aims/src/CieqContributionMonthRatio/index.vue.js

@@ -66,7 +66,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12,
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)",
               interval: 0,
               formatter: (value) => value.substr(5)
             },
@@ -87,7 +88,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -104,8 +107,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
-            itemWidth: 10,
-            itemHeight: 10,
+            itemWidth: 12,
+            itemHeight: 12,
+            icon: "circle",
             itemStyle: {
               borderWidth: 0
             }

package/dist/lib/aims/src/CieqContributionYearRatio/index.vue.js

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               textStyle: {
                 rich: {
                   cieq: {
-                    fontSize: 14,
+                    fontSize: 16,
                     color: "#fff"
                   }
                 }
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             itemGap: 10,
             textStyle: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontSize: "var(--dv-text-body2)"
             },
             icon: "circle",
             itemWidth: 12,
@@ -80,7 +80,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;
                   return `${name}  ${value2}  ${value}%`;
-                }
+                },
+                fontSize: "var(--dv-text-number1)",
+                fontFamily: "var(--dv-font-family-number)"
               }
             }
           ]

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

@@ -4,10 +4,10 @@ export declare const DvAimsEnvChangeTrends: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            factorCode?: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005" | undefined;
-            dataType?: "hour" | "day" | undefined;
             isUseBuiltInApi?: boolean | undefined;
             apiParams?: import("./type").ApiParamsProps | undefined;
+            factorCode?: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005" | undefined;
+            dataType?: "hour" | "day" | undefined;
             key?: string | number | symbol | undefined;
             readonly data?: import("./type").OuterDataItemProps[] | undefined;
             style?: unknown;
@@ -71,16 +71,6 @@ export declare const DvAimsEnvChangeTrends: {
             data: {
                 type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
             };
-            factorCode: {
-                type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
-            } & {
-                default: string;
-            };
-            dataType: {
-                type: globalThis.PropType<"hour" | "day">;
-            } & {
-                default: string;
-            };
             isUseBuiltInApi: {
                 type: globalThis.PropType<boolean>;
             } & {
@@ -96,11 +86,21 @@ export declare const DvAimsEnvChangeTrends: {
                     codes: string;
                 };
             };
+            factorCode: {
+                type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+            } & {
+                default: string;
+            };
+            dataType: {
+                type: globalThis.PropType<"hour" | "day">;
+            } & {
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
-            dataType: "hour" | "day";
             isUseBuiltInApi: boolean;
             apiParams: import("./type").ApiParamsProps;
+            factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
+            dataType: "hour" | "day";
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -125,16 +125,6 @@ export declare const DvAimsEnvChangeTrends: {
         data: {
             type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
         };
-        factorCode: {
-            type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
-        } & {
-            default: string;
-        };
-        dataType: {
-            type: globalThis.PropType<"hour" | "day">;
-        } & {
-            default: string;
-        };
         isUseBuiltInApi: {
             type: globalThis.PropType<boolean>;
         } & {
@@ -150,6 +140,16 @@ export declare const DvAimsEnvChangeTrends: {
                 codes: string;
             };
         };
+        factorCode: {
+            type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+        } & {
+            default: string;
+        };
+        dataType: {
+            type: globalThis.PropType<"hour" | "day">;
+        } & {
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -158,16 +158,6 @@ export declare const DvAimsEnvChangeTrends: {
     data: {
         type: globalThis.PropType<import("./type").OuterDataItemProps[]>;
     };
-    factorCode: {
-        type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
-    } & {
-        default: string;
-    };
-    dataType: {
-        type: globalThis.PropType<"hour" | "day">;
-    } & {
-        default: string;
-    };
     isUseBuiltInApi: {
         type: globalThis.PropType<boolean>;
     } & {
@@ -183,10 +173,20 @@ export declare const DvAimsEnvChangeTrends: {
             codes: string;
         };
     };
+    factorCode: {
+        type: globalThis.PropType<"aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005">;
+    } & {
+        default: string;
+    };
+    dataType: {
+        type: globalThis.PropType<"hour" | "day">;
+    } & {
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
-    dataType: "hour" | "day";
     isUseBuiltInApi: boolean;
     apiParams: import("./type").ApiParamsProps;
+    factorCode: "aqi" | "a34004" | "a34002" | "a21026" | "a21004" | "a05024" | "a21005";
+    dataType: "hour" | "day";
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default _EnvChangeTrends;

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

@@ -1,4 +1,4 @@
-import type { OuterDataItemProps, ApiParamsProps } from './type/index';
+import type { ApiParamsProps, OuterDataItemProps } from './type/index';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isUseBuiltInApi?: boolean | undefined;
     apiParams?: ApiParamsProps | undefined;
@@ -32,10 +32,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     dataType: string;
     factorCode: string;
 }>>>, {
-    factorCode: 'aqi' | 'a34004' | 'a34002' | 'a21026' | 'a21004' | 'a05024' | 'a21005';
-    dataType: 'hour' | 'day';
     isUseBuiltInApi: boolean;
     apiParams: ApiParamsProps;
+    factorCode: 'aqi' | 'a34004' | 'a34002' | 'a21026' | 'a21004' | 'a05024' | 'a21005';
+    dataType: 'hour' | 'day';
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/lib/aims/src/EnvChangeTrends/index.vue.js

@@ -90,7 +90,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: xAxisData
           },
@@ -108,7 +109,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,

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

@@ -8,9 +8,9 @@ export declare const DvAimsFactorRealTimeRankChart: {
                 name: string;
                 value: number;
             }[] | undefined;
-            factorCode?: string | undefined;
             isUseBuiltInApi?: boolean | undefined;
             apiParams?: import("./api").GetSiteRankParams | undefined;
+            factorCode?: string | undefined;
             key?: string | number | symbol | undefined;
             style?: unknown;
             ref?: import("vue").VNodeRef | undefined;
@@ -78,11 +78,6 @@ export declare const DvAimsFactorRealTimeRankChart: {
             } & {
                 default: undefined;
             };
-            factorCode: {
-                type: globalThis.PropType<string>;
-            } & {
-                default: string;
-            };
             isUseBuiltInApi: {
                 type: globalThis.PropType<boolean>;
             } & {
@@ -100,14 +95,19 @@ export declare const DvAimsFactorRealTimeRankChart: {
                     isAsc: boolean;
                 };
             };
+            factorCode: {
+                type: globalThis.PropType<string>;
+            } & {
+                default: string;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             list: {
                 name: string;
                 value: number;
             }[];
-            factorCode: string;
             isUseBuiltInApi: boolean;
             apiParams: import("./api").GetSiteRankParams;
+            factorCode: string;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -137,11 +137,6 @@ export declare const DvAimsFactorRealTimeRankChart: {
         } & {
             default: undefined;
         };
-        factorCode: {
-            type: globalThis.PropType<string>;
-        } & {
-            default: string;
-        };
         isUseBuiltInApi: {
             type: globalThis.PropType<boolean>;
         } & {
@@ -159,6 +154,11 @@ export declare const DvAimsFactorRealTimeRankChart: {
                 isAsc: boolean;
             };
         };
+        factorCode: {
+            type: globalThis.PropType<string>;
+        } & {
+            default: string;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -172,11 +172,6 @@ export declare const DvAimsFactorRealTimeRankChart: {
     } & {
         default: undefined;
     };
-    factorCode: {
-        type: globalThis.PropType<string>;
-    } & {
-        default: string;
-    };
     isUseBuiltInApi: {
         type: globalThis.PropType<boolean>;
     } & {
@@ -194,13 +189,18 @@ export declare const DvAimsFactorRealTimeRankChart: {
             isAsc: boolean;
         };
     };
+    factorCode: {
+        type: globalThis.PropType<string>;
+    } & {
+        default: string;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     list: {
         name: string;
         value: number;
     }[];
-    factorCode: string;
     isUseBuiltInApi: boolean;
     apiParams: import("./api").GetSiteRankParams;
+    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.vue.d.ts

@@ -44,9 +44,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         name: string;
         value: number;
     }[];
-    factorCode: string;
     isUseBuiltInApi: boolean;
     apiParams: GetSiteRankParams;
+    factorCode: string;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const chartsFullOptions = vue.ref({ options: null });
     const generateOption = (list) => {
       if (list.length)
-        time.value = list.length * 1.5;
+        time.value = list.length * 1.25;
       return {
         options: {
           grid: {
@@ -77,7 +77,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               color: "var(--dv-color-text-primary)",
-              fontSize: 12
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             data: list.map((item) => {
               return item.name;
@@ -99,7 +100,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "var(--dv-color-text-secondary)"
+              color: "var(--dv-color-text-secondary)",
+              fontFamily: "var(--dv-font-family-number)",
+              fontSize: "var(--dv-text-number2)"
             },
             splitLine: {
               show: true,
@@ -148,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const setChartWidth = (list) => {
-      chartWidth.value = list.length * 60 > chartWidth.value ? list.length * 60 : chartWidth.value;
+      chartWidth.value = list.length * 40 > chartWidth.value ? list.length * 40 : chartWidth.value;
       isLoadChartWidth.value = true;
     };
     vue.onMounted(() => {