@ued_fpi/data-visual 1.2.6 → 1.2.8

package/dist/lib/wgms/src/FactorTopThreeRanking/index.d.ts

@@ -51,8 +51,8 @@ export declare const DvWgmsFactorTopThreeRanking: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly endTime?: string | undefined;
-            readonly startTime?: string | undefined;
+            readonly endTime?: number | undefined;
+            readonly startTime?: number | undefined;
             readonly timeType?: string | undefined;
             readonly siteCode?: string | undefined;
             readonly stationCode?: string | undefined;
@@ -92,11 +92,11 @@ export declare const DvWgmsFactorTopThreeRanking: {
                 required: false;
             };
             startTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             endTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             data: {
@@ -148,11 +148,11 @@ export declare const DvWgmsFactorTopThreeRanking: {
             required: false;
         };
         startTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         endTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         data: {
@@ -185,11 +185,11 @@ export declare const DvWgmsFactorTopThreeRanking: {
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/lib/wgms/src/FactorTopThreeRanking/index.vue.d.ts

@@ -20,11 +20,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {
@@ -53,11 +53,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/lib/wgms/src/FactorTopThreeRanking/index.vue.js

@@ -3,7 +3,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const index$1 = require('../../utils/echarts/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const index = require('./api/index.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -35,12 +35,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       // w01016
     },
     startTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
     endTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
@@ -52,6 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const chartRef = vue.ref();
+    const option = vue.ref(void 0);
     vue.watch([
       () => props.type,
       () => props.timeType,
@@ -98,9 +99,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           return "";
       });
       const xData = resData.map((item) => item.factorName);
-      const chart = index$1.default.init(chartRef.value);
-      const barOptions = getAlgaeBarOptions(xData, upData, downData);
-      chart.setOption(barOptions);
+      option.value = getAlgaeBarOptions(xData, upData, downData);
     };
     const getHeight = vue.computed(() => {
       if (typeof props.height === "string")
@@ -125,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             axisLine: {
               show: true,
               lineStyle: {
-                color: "rgba(255, 255, 255, 0.5)"
+                color: "var(--dv-color-fill-lighter)"
               }
             },
             axisTick: {
@@ -133,9 +132,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              fontFamily: "TRENDS",
-              fontSize: 18,
-              color: "#fff"
+              fontSize: "var(--dv-text-body1)",
+              color: "var(--dv-color-text-primary)"
             },
             splitLine: {
               show: false
@@ -166,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "bar",
             stack: "Total",
             barWidth: 24,
-            color: "#00e87e",
+            color: "var(--dv-color-success)",
             label: {
               normal: {
                 show: true,
@@ -174,9 +172,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 offset: [0, -4],
                 formatter: "{c}",
                 textStyle: {
-                  color: "#00e87e",
-                  fontFamily: "Furore",
-                  fontSize: 16
+                  color: "var(--dv-color-success)",
+                  fontFamily: "var(--dv-font-family-number)",
+                  fontSize: "var(--dv-text-number1)"
                 }
               }
             },
@@ -191,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "bar",
             stack: "Total",
             barWidth: 24,
-            color: "#f2be32",
+            color: "var(--dv-color-warning)",
             label: {
               normal: {
                 show: true,
@@ -199,9 +197,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 offset: [0, -4],
                 formatter: "{c}",
                 textStyle: {
-                  color: "#f2be32",
-                  fontFamily: "Furore",
-                  fontSize: 16
+                  color: "var(--dv-color-warning)",
+                  fontFamily: "var(--dv-font-family-number)",
+                  fontSize: "var(--dv-text-number1)"
                 }
               }
             },
@@ -224,7 +222,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "dv-wgms-chart"
-        }, null, 512)
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: option.value }, null, 8, ["options"])
+        ], 512)
       ], 4);
     };
   }

package/dist/lib/wgms/src/FactorTrendComparison/index.d.ts

@@ -50,8 +50,8 @@ export declare const DvWgmsFactorTrendComparison: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly endTime?: string | undefined;
-            readonly startTime?: string | undefined;
+            readonly endTime?: number | undefined;
+            readonly startTime?: number | undefined;
             readonly timeType?: string | undefined;
             readonly siteCode?: string | undefined;
             readonly stationCode?: string | undefined;
@@ -87,11 +87,11 @@ export declare const DvWgmsFactorTrendComparison: {
                 required: false;
             };
             startTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             endTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             data: {
@@ -138,11 +138,11 @@ export declare const DvWgmsFactorTrendComparison: {
             required: false;
         };
         startTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         endTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         data: {
@@ -171,11 +171,11 @@ export declare const DvWgmsFactorTrendComparison: {
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/lib/wgms/src/FactorTrendComparison/index.vue.d.ts

@@ -16,11 +16,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {
@@ -45,11 +45,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/lib/wgms/src/FactorTrendComparison/index.vue.js

@@ -3,8 +3,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
 const vue = require('vue');
-const index = require('../../utils/echarts/index.js');
-const index$1 = require('./api/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
+const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-factor-trend-comparison" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -32,12 +32,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       // w01016
     },
     startTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
     endTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const option = vue.ref(void 0);
     const state = {
       factorMap: [],
       seriesData: [],
@@ -78,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         dataType: props.type === "automatic" ? 0 : 1
         // 数据类型 自动/手工(0/1)
       };
-      return await index$1.getTrendComparisonData(params);
+      return await index.getTrendComparisonData(params);
     };
     const initChart = async (flag) => {
       let xData = [];
@@ -92,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       data.forEach((item) => {
         const timesList = item.factorTimeDataList.map((item2) => item2.time);
         const valueList = item.factorTimeDataList.map((item2) => item2.value);
-        xData = timesList.map((item2) => item2 && item2.substring(5, 11));
+        xData = timesList.map((item2) => item2);
         const obj = {
           name: item.factorName,
           type: "line",
@@ -102,10 +103,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         };
         state.seriesData.push(obj);
       });
-      const chart = index.default.init(chartRef.value);
       await vue.nextTick(async () => {
-        const lineOptions = getChartOptions(xData, state.seriesData);
-        chart.setOption(lineOptions);
+        option.value = getChartOptions(xData, state.seriesData);
       });
     };
     const getChartOptions = (xData, seriesData) => {
@@ -125,9 +124,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           icon: "circle",
           bottom: 10,
           textStyle: {
-            fontFamily: "TRENDS",
-            color: "#909399",
-            fontSize: "12px"
+            color: "var(--dv-color-text-primary)",
+            fontSize: "var(--dv-text-body2)"
           }
         },
         grid: {
@@ -144,13 +142,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             data: xData,
             boundaryGap: false,
             axisLine: {
-              show: false
+              show: true,
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
+              }
             },
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: "12",
-                color: "rgba(255,255,255,0.6)"
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
+                color: "var(--dv-color-text-primary)"
               }
             },
             axisTick: {
@@ -163,9 +164,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           {
             name: "因子值\n(mg/l)",
             nameTextStyle: {
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               align: "center",
               padding: [0, 0, 0, 0]
             },
@@ -174,20 +174,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center",
                 padding: [0, 0, 0, 5]
               }
             },
             splitArea: {
+              show: false
+            },
+            splitLine: {
               show: true,
-              areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
               }
             },
-            splitLine: { show: false },
             axisTick: { show: false },
             axisPointer: {
               snap: true
@@ -197,9 +199,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             name: "叶绿素a\n(μg/l)",
             nameTextStyle: {
               align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               padding: [0, 0, 0, 0]
             },
             type: "value",
@@ -208,9 +209,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center"
               },
               padding: [0, 0, 0, 0]
@@ -225,9 +226,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             name: "水温\n(℃)",
             nameTextStyle: {
               align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               padding: [0, 0, 0, 20]
             },
             type: "value",
@@ -236,9 +236,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center"
               },
               padding: [0, 0, 0, 20]
@@ -260,7 +260,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "chart"
-        }, null, 512)
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: vue.unref(option) }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }

package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.vue.js

@@ -9,11 +9,10 @@ const _3 = require('./images/3.svg.js');
 const _4 = require('./images/4.svg.js');
 const _5 = require('./images/5.svg.js');
 const _6 = require('./images/6.svg.js');
-const down = require('./images/down.svg.js');
-const right = require('./images/right.svg.js');
-const up = require('./images/up.svg.js');
 const vue = require('vue');
 const dayjs = require('dayjs');
+const commonArrow_vue_vue_type_script_setup_true_lang = require('../common/common-arrow.vue.js');
+require('../common/common-arrow.vue2.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-key-river dv-wgms-flex-around-center" };
@@ -22,7 +21,6 @@ const _hoisted_3 = { class: "dv-wgms-key-river-one-content" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "dv-wgms-key-river-one-compare dv-wgms-flex-left-center" };
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", null, "同比", -1);
-const _hoisted_7 = ["src"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -40,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const imgList = /* #__PURE__ */ Object.assign({"./images/0.svg": _0,"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6,"./images/down.svg": down,"./images/right.svg": right,"./images/up.svg": up});
+    const imgList = /* #__PURE__ */ Object.assign({"./images/0.svg": _0,"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6});
     const listData = vue.ref([]);
     vue.onMounted(() => {
       getResData();
@@ -79,11 +77,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             vue.createElementVNode("div", _hoisted_5, [
               _hoisted_6,
-              item.yoyType !== null ? (vue.openBlock(), vue.createElementBlock("img", {
+              item.yoyType !== null ? (vue.openBlock(), vue.createBlock(commonArrow_vue_vue_type_script_setup_true_lang.default, {
                 key: 0,
-                src: getImg(`${item.yoyType > 0 ? "up" : item.yoyType < 1 ? "down" : "right"}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_7)) : vue.createCommentVNode("", true)
+                direction: item.yoyType > 0 ? "up" : item.yoyType < 1 ? "down" : "flat"
+              }, null, 8, ["direction"])) : vue.createCommentVNode("", true)
             ])
           ]);
         }), 128))

package/dist/lib/wgms/src/LakeRiverIndex/images/0.svg.js

@@ -2,6 +2,6 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const img0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzMzRTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
+const img0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzAwREVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
 
 exports.default = img0;

package/dist/lib/wgms/src/NPTrendChange/index.vue.js

@@ -4,6 +4,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const vue = require('vue');
 const index$1 = require('../../utils/echarts/index.js');
+const BaseECharts_vue_vue_type_script_setup_true_lang = require('../../utils/echarts/BaseECharts.vue.js');
 const index = require('./api/index.js');
 
 const _hoisted_1 = { class: "dv-wgms-n-p-trend-change" };
@@ -52,6 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       chartRef: null
       // 图表实例
     };
+    const option = vue.ref(void 0);
     const { chartRef } = vue.toRefs(state);
     vue.watch([
       () => props.type,
@@ -91,9 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const preList = data.map((item) => item.percent) ?? [];
       const xData = timeList.map((item) => item && item);
       const NPList = preList.map((item) => item && item * 100);
-      const chart = index$1.default.init(chartRef.value);
-      const options = getChartOptions(xData, NPList, index$1.default);
-      chart.setOption(options);
+      option.value = getChartOptions(xData, NPList, index$1.default);
     }
     const getChartOptions = (xData, data, echarts2) => {
       return {
@@ -104,9 +104,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           left: 10,
           top: 14,
           textStyle: {
-            color: "rgba(255,255,255,0.6)",
-            fontSize: 14,
-            fontFamily: "TRENDS"
+            color: "var(--dv-color-text-secondary)",
+            fontSize: "var(--dv-text-number2)",
+            fontFamily: "var(--dv-font-family-number)"
           }
         },
         tooltip: {
@@ -132,9 +132,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: "16",
-                color: "rgba(255,255,255,0.6)"
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)",
+                color: "var(--dv-color-text-primary)"
               }
             },
             axisTick: {
@@ -149,21 +149,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             name: "",
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: 16,
-                color: "rgba(255,255,255,0.6)"
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)",
+                color: "var(--dv-color-text-secondary)"
               }
             },
             axisLine: {
               show: false
             },
             splitArea: {
+              show: false
+            },
+            splitLine: {
               show: true,
-              areaStyle: {
-                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
               }
             },
-            splitLine: { show: false },
             axisTick: { show: false }
           }
         ],
@@ -174,12 +176,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              color: "#47E5E5"
+              color: "var(--dv-color-index)"
             },
             areaStyle: {
               normal: {
                 color: new echarts2.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#47E5E5 " },
+                  { offset: 0, color: "var(--dv-color-index)" },
                   { offset: 1, color: "rgba(71,229,229,0.06)" }
                 ])
               }
@@ -196,7 +198,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "chart"
-        }, null, 512)
+        }, [
+          vue.createVNode(BaseECharts_vue_vue_type_script_setup_true_lang.default, { options: vue.unref(option) }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }